CSS Colorizer

CSS Colorizer is a tool to assist in picking colors for CSS. Colors can be related by defining formulas, so changing a single color can affect all other colors in the style sheet.

Previously Generated CSS

If you've used CSSColorizer before, you can paste in your generated CSS and the colors will be parsed. If not, you can put your CSS directly into the Internal CSS frame.

Parse

Internal CSS

Paste your CSS. Then, replace the color codes with color variables. Variables begin with '$$'.

Colors

Select color

New color

Edit color

Name

Red

Green

Blue

Formula

Available functions:
red(i) - Returns the red value of color at index i
green(i) - Returns the red value of color at index i
blue(i) - Returns the red value of color at index i
hueshift(i) - Returns the a color after hue-shifting the color at index i after by v degrees
rgb(r, g, b) - Returns a color from the specified red, green, and blue values
hsv(h, s, v) - Returns a color from the specified hue, saturation, brightness values
Examples:
rgb(0, 255, 0) - Green
hsv(30, 100, 100) - Orange
hueshift(0) - The complement of the first color (at index 0)
rgb(green(0), blue(0), red(0)) - Puts the green, blue, and red values of the first color into the red, green, and blue values respectively

Raw CSS

Output CSS generated from defined colors.

Regenerate

HTML

Paste the HTML you would like to test.

Apply