Technical References

Quick-reference tools for working with color. Convert formats, explore named colors, and grab code snippets.

Color Format Converter

Enter HEX Color

RGB

rgb(232, 69, 60)

HSL

hsl(3, 79%, 57%)

CMYK

cmyk(0%, 70%, 74%, 9%)

All 148 CSS color keywords at a glance. Click to copy the HEX value. Full table with RGB and HSL.

How to structure color tokens as CSS custom properties, with light/dark themes and opacity variants.

Download palettes as .ASE files for use in Photoshop, Illustrator, InDesign, and other Adobe Creative Cloud apps.

Convert web colors to approximate CMYK values for print, and learn why the result still needs a proof.

Add custom colors and full shade scales to Tailwind CSS v3 (tailwind.config.js) and v4 (@theme).

Complete reference of color theory terminology. From hue and saturation to chroma and luminance.

Turn rgb() values into HEX codes, including 8-digit HEX with alpha.