Color Converter
Convert any color between HEX, RGB, and HSL representations bidirectionally. Donfig syncs all three formats in real time — change any field and the others follow. The native browser color picker provides a visual chooser, and a swatch shows the current color at a glance. Read-only rgb() and hsl() CSS strings are exposed for copy-paste into stylesheets. Useful for matching design specs, generating palette variations, or debugging an unexpected color in production CSS.
JavaScript is required to use the live tool. Please enable JavaScript and reload.
Frequently asked
Does it support alpha (transparency)?
HEX with 8 digits (#RRGGBBAA) is parsed correctly. The active editing surface is RGB/HSL without alpha; we'll add an alpha slider in a follow-up.
What color space is HSL in?
Standard sRGB HSL — what CSS hsl() expects. Different from HSV/HSB which design tools sometimes call HSB.
Can I convert named CSS colors?
Type the hex equivalent (e.g. tomato → #ff6347). A named-color lookup is on the roadmap.