CSS & Design
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
FAQ
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.
CSS Minifier & Beautifier
Compress or format CSS
SVG Optimizer
Minify and clean SVG markup
Website Accessibility Audit
Crawl a page for WCAG risks
CSS Grid Generator
Visual grid layout builder
CSS Flexbox Generator
Build flexbox layouts visually with live preview
SVG to CSS Data URI Encoder
SVG 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.