Color Converter
Paste any HEX, RGB, or HSL color — get all formats instantly.
ℹ How it works
Colours are stored as RGB triplets (red, green, blue, 0–255). HEX is the same values in hexadecimal. HSL (hue 0–360°, saturation %, lightness %) is a more intuitive cylindrical model. Oklch is a perceptually-uniform space (Björn Ottosson, 2020) where equal numeric distances equal equal perceived differences. RGB can be entered as
0–255 or 0%–100%; HSL saturation/lightness with or without %.FAQ
- What is oklch?
- oklch is a perceptually uniform color space defined in CSS Color Level 4. It specifies colors using Lightness (L), Chroma (C), and Hue (H), making it easier to create accessible color palettes with predictable contrast ratios.
- What color formats can I convert?
- This tool accepts HEX (#rgb or #rrggbb), RGB (rgb(r,g,b)), and HSL (hsl(h,s%,l%)) as input and outputs all four formats simultaneously: HEX, RGB, HSL, and oklch.