beta

Color Palette Generator

For use with picking and testing color schemes for web pages

Swatch
height

Enter an RGB color value using the CSS 3-digit hexadecimal format (eg. 983, DE4) then press "Show color palette"
Choose the number of decimal places for hsl value:
A color palette based on the input color value will be generated and the corresponding CSS hexadecimal, rgb and hsl code for each color will be shown.
White (#FFF) and black (#000) bands will be displayed to the left and right of the swatches as reference colors.
Entering a new color value will create a new palette that will be added to the bottom of the existing one unless the "Delete palette" button is pressed.
Once the palette has been generated use the + and - buttons to change the height of the color swatches.