Color Filters

You are here:

Color Filters

These filters allow you to dynamically edit colors. This allows you to make well designed pages or sections of pages with just a single base color. The color you provide can be in several different formats. These include:

  • 'red' - HTML color name
  • '#ee7625' - Hexidecimal format
  • 'rgba( 238, 118, 37, 0.8 )' - RGBA format
 

Lighten

Show Details

Lightens the color by a provided percentage.

 

Darken

Show Details

Darkens the color by a provided percentage.

 

Desaturate

Show Details

Desaturates (mutes) the color by a provided percentage.

 

Saturate

Show Details

Saturates (makes the color richer) the color by a provided percentage.

 

FadeIn

Show Details

Decreases the opacity level by the given percentage. This makes the color less transparent (opaque).

 

FadeOut

Show Details

Increases the opacity level by the given percentage. This makes the color more transparent.

 

AdjustHue

Show Details

Adjusts the hue by the specified percentage (10%) or degrees (10deg).

 

Tint

Show Details

Tints (adds white) the specified color by the specified amount.

 

Shade

Show Details

Shades (adds black) the specified color by the specified amount.

 

Mix

Show Details

Mixes the specified color with the input color with the given amount.

 

Grayscale

Show Details

Returns the color in greyscale.

Subscribe To Our Newsletter

Rock is a project of the Spark Development Network.