HTMLHTML Color Codes
An interactive color picker and converter: enter a HEX, RGB, or HSL value and instantly see all three representations. Also includes a curated palette of popular web-safe and brand colors to quickly copy. Click any swatch to load it into the converter. Complements the CSS Named Colors tool with custom input support.
Ctrl+Enter to run | Ctrl+K to switch tools | Recent button shows input history
Repeating this work? Turn this kind of browser utility into an API batch, MCP prompt, extension workflow, or shared team recipe.
Buy Pro Browse tool packsFAQ
What is the difference between HEX and RGB?
HEX is a base-16 representation of the same RGB values (e.g. #FF8800 = rgb(255,136,0)). They are interchangeable — most CSS tools accept both.
What is HSL?
HSL (Hue-Saturation-Lightness) is a human-friendly color model. Hue is 0–360° on the color wheel, Saturation 0–100% (gray to full color), and Lightness 0–100% (black to white).
Does this work for CSS variables?
This tool gives you the raw color values. To use them as CSS variables, declare them as --my-color: #FF8800 in your :root block.