Convert a color between HEX, RGB and HSL notation, pick one visually, and generate a palette of related shades for a design system or a CSS variable set.
HEX, RGB and HSL conversion in every direction
Visual picker with live preview
Palette generation for tints, shades and complements
Frequently asked questions
What is the difference between HEX and RGB?
They describe the same color in different notation — HEX is a compact hexadecimal form of the same red, green and blue values. HSL instead describes hue, saturation and lightness, which is easier to adjust by hand.
How do I make a lighter version of a brand color?
Convert it to HSL and raise the lightness value. The palette generator does this for you.