Color Converter
Convert HEX, RGB, HSL, and HSV.
LocalYour data is processed locally in your browser and is not uploaded to Alphzen.
HEX, rgb(), and hsl() only — named CSS colors are not looked up. Contrast is against pure white and black, not a full accessibility audit.
- HEX
- #A63D12
- HEX + alpha
- #A63D12
- RGB
- rgb(166, 61, 18)
- HSL
- hsl(17 80% 36%)
- HSV
- hsv(17, 89%, 65%)
- Contrast
- white 6.37:1 · black 3.3:1
How to use
- Paste #1B1814, rgb(27, 24, 20), or hsl(30 8% 10%).
- Read HEX, RGB, HSL, HSV, and contrast ratios against white and black.
- Copy the format your stylesheet uses.
Features
- Accepts 3/4/6/8-digit HEX and rgb()/hsl() functions.
- Shows a swatch and WCAG contrast against white and black.
- Does not invent CSS named colors (no “rebeccapurple” lookup in this version).
- Alpha is preserved when present.
- Local processing only.
Examples
#1B1814
rgb(27, 24, 20)
FAQ
Does contrast here mean WCAG AA for text?
The numbers are contrast ratios against pure white and pure black. They are not a full WCAG audit (font size, UI components, and adjacent colors matter).
Why was “navy” rejected?
Named CSS colors are a lookup table. This converter parses numeric notations so the result is unambiguous.
Related tools
About this tool
Design tokens move between HEX in Figma, rgb() in older CSS, and hsl() when you want to tweak lightness. Alphzen converts them locally.
Contrast against white and black is a first check, not a replacement for testing real type on a real background.
Related: CSS Formatter to tidy a rule that contains the color, QR generator if you are picking module colors.