What is Color Converter?
Color Converter shows the same color in HEX, RGB and HSL side by side. Handy when porting designs between Figma, CSS and design tokens.
How to use
- Type a value in any of the inputs (e.g. #6366F1).
- See the preview swatch update.
- Copy the format you need.
Example
Use this sample to confirm what Color Converter does before pasting your own data.
Input
#6366F1
Output
RGB rgb(99, 102, 241) | HSL hsl(239, 84%, 67%)
When to use it
Use Color Converter for quick local checks, debugging, documentation prep, and one-off conversions where opening a full IDE or command-line workflow would be slower. For production-critical data, always review the output before committing or shipping it.
Frequently asked questions
Is alpha supported?
Yes — use 8-digit hex (#RRGGBBAA) or rgba()/hsla().
Why might HSL round-trip differ?
HSL has fewer representable colors than 24-bit RGB, so values may shift by ±1.