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.
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.