Type a color as HEX, RGB, or HSL and this converts it to all three formats live, with a preview swatch and ready-to-copy values for your CSS. Use the color picker to start from any color.
HEX (6-digit)–
HEX (shorthand, if possible)–
RGB (0–255)–
RGBA (with 0.5 alpha)–
HSL–
Relative luminance–
Relative luminance is the WCAG basis for contrast – dark text on this background needs luminance above ~0.18, light text below. Blue is a common accent choice; this one sits right in the middle.