HTML 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.
Runs in your browser
Nothing uploaded
Free, no signup
Ctrl + Enter to run · Recent brings back your last inputs · Everything stays in this browser
HTML Color Codes: questions
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.
Related tools
All 112 free tools
CSS Minifier & BeautifierCompress or format CSS
SVG OptimizerMinify and clean SVG markup
Website Accessibility AuditCrawl a page for WCAG risks
CSS Grid GeneratorVisual grid layout builder
CSS Flexbox GeneratorBuild flexbox layouts visually with live preview
SVG to CSS Data URI EncoderSVG as background-image
Made something with AI? Share it as a private link.
Drop in the HTML from Claude, ChatGPT or any editor and get a link your client can open anywhere — with a password, view tracking, comments and approval.