Color Converter — HEX, RGB & HSL
Convert colors between HEX, RGB, and HSL formats.
Tailwind approx.
Brightness
Contrast text
About Color Converter
Convert any color between HEX (#rrggbb), RGB (rgb(r,g,b)), and HSL (hsl(h,s%,l%)) formats. Use the color picker or type a value in any format. Includes CSS-ready output you can copy directly into your stylesheets.
Use Cases
Converting design tool colors to CSS, translating Figma hex values to HSL for Tailwind, debugging color display issues, generating CSS custom properties, matching brand colors across formats.
How It Works
Parses the input color format using regex, converts channel values through mathematical formulas (RGB↔HSL), and outputs all three formats simultaneously.
FAQs
Does it support alpha/transparency?
Currently solid colors only (no RGBA or HSLA). Alpha support is planned.
What formats can I type in?
You can type #rrggbb, #rgb (shorthand), rgb(r,g,b), or hsl(h,s%,l%). All are auto-detected.