← All tools
[ 04 / DESIGN ]
Color Converter
Convert any CSS color between HEX, RGB, HSL, and OKLCH with a live swatch.
Accepts HEX (3, 4, 6 or 8 digits), rgb(), rgba(), hsl(), hsla(), oklch() and CSS color names like rebeccapurple.
02 // HIPE brand colors
This OKLCH color is outside the sRGB gamut. Every value shows the nearest displayable color, with chroma reduced to fit.
- HEX
#0066FF- RGB
rgb(0 102 255)- HSL
hsl(216 100% 50%)- OKLCH
oklch(56.35% 0.2408 260.82)
Alpha is kept when you give one: HEX gains two digits (#RRGGBBAA) and the other formats add “/ alpha”. The native picker has no alpha, so picking a color keeps your current transparency.
Your inputs stay in this browser. These tools do not upload your text or colors.