About this tool
A small, no-clutter color converter. Type or paste a HEX value, get RGB and HSL back with a live preview swatch. Useful when adapting a brand color into CSS custom properties or an HSL-based design token system.
How it works
- Enter a hex color or use the color picker.
- The tool computes RGB and HSL using the standard sRGB conversion.
- One-click copy for each notation.
When to use it
- Building a semantic color palette in Tailwind or CSS.
- Matching a color from a screenshot to a design token.
- Sanity-checking a color your designer sent as HSL against the hex your brand guide uses.