Skip to content
#F

Color Converter

HEX ↔ RGB ↔ HSL ↔ OKLCH with picker & history.

hex#3b82f6
rgbrgb(59, 130, 246)
hslhsl(217.2, 91.2%, 59.8%)
oklchoklch(62.31% 0.188 259.81)
3.68:1
on white · AA (large only)
5.71:1
on black · AA

OKLCH is a perceptually uniform space supported by CSS Color 4. Contrast follows WCAG 2.1 — body text should reach 4.5:1 (AA).

About Color Converter

Color code conversion keeps the same color while rewriting notation—HEX, RGB, HSL, OKLCH—for design systems and CSS variables. toco.tools converts values and shows a live swatch entirely in the browser. Displays vary by monitor gamut; verify contrast for accessibility and print separately.

How to use

  1. Enter a color value
  2. Review converted formats
  3. Copy the notation you need

FAQ

What is a color converter?

A tool that expresses the same color in HEX, RGB, HSL, or OKLCH.

Is color data sent externally?

No. All processing runs in your browser.

What is OKLCH?

A perceptually uniform color space used in modern CSS Color Level 4 syntax.