Color converter
One color, every useful format.
Convert HEX, RGB, HSL, OKLCH and Display-P3 together. See when a color exceeds a display gamut and use a mapped result with confidence.
- Five synchronized formats
- sRGB and Display-P3 checks
- Works in this browser
Enter a color
Paste or type any supported color
Use a complete color value. The format is detected automatically and every result updates together.
{{ t('input.detected', { format: detectedLabel }) }}
Enter a valid solid HEX, RGB, HSL, OKLCH or Display-P3 color without transparency.
Accepted syntax includes #1F4E79, rgb(31 78 121), hsl(209 59% 30%), oklch(65% 0.25 30), and color(display-p3 1 0.2 0.1).
Try an example
Gamut check
{{ gamutMessage }}
- sRGB{{ result.gamut.srgb ? t('gamut.inGamut') : t('gamut.mapped') }}
- Display-P3{{ result.gamut.p3 ? t('gamut.inGamut') : t('gamut.mapped') }}
Compare
Original and mapped color
Converted values
Copy the format you need
OKLCH keeps the source color. Narrower formats use a mapped value only when needed.
-
{{ format.label }}{{ format.note }}
{{ format.value }}