Color Converter (HEX, RGB, HSL, OKLCH)
Private by design — runs entirely in your browser
Convert colors between HEX, RGB, HSL, OKLCH, and named values in your browser. Toova shows a live preview, lets you tweak channels with sliders, and exposes the full output in every format ready to paste into CSS, design tools, or production code.
Why so many color formats
HEX (#ff6600) is the most common in CSS and is easy to type. RGB (rgb 255 102 0) is what every image format speaks. HSL (hsl 24 100% 50%) is more intuitive for picking shades because hue, saturation, and lightness map to how humans think about color. OKLCH is the modern format that fixes perceptual uniformity — equal numeric steps look like equal visual steps. Toova converts between all of them losslessly.
Live preview and channel sliders
Paste a color in any format and Toova shows a live swatch plus the full conversion to every other format. Drag any channel slider — hue, saturation, lightness, red, green, blue, alpha — and the preview updates in real time. That makes it easy to tweak a base color into a shade, fix contrast, or generate a hover state without leaving your browser tab.
Local-only
Color conversion happens entirely in your browser. The values you paste never leave the page. That is overkill for color codes, but it makes the tool fast and reliable — no backend roundtrip, no rate limits, no outages. The page works offline after first load.
Frequently Asked Questions
- When should I use OKLCH instead of HEX?
- OKLCH is perceptually uniform, which means equal numeric steps look like equal visual steps. That makes it the right choice when generating a color palette, calculating accessible contrast, or doing any algorithmic color manipulation. For static design tokens, HEX is still fine.
- Are all conversions lossless?
- Conversion between HEX, RGB, and 8-bit color formats is lossless. Conversions involving HSL or OKLCH can introduce tiny floating-point rounding at the last digit, but the result is visually identical.
- Does it support transparency?
- Yes. Every format with alpha support (HEX with eight digits, RGBA, HSLA, OKLCH with alpha) is handled correctly. Conversions preserve the alpha channel exactly.
- Can I pick a color from an image?
- Not directly here. For palette extraction from an image, use the Color Palette Extractor tool. This converter focuses on transforming a known color value between formats.
- Is anything sent to a server?
- No. Conversion runs entirely in your browser. The Network tab will stay empty during use.