Color Converter

HEX

#3b82f6

RGB

rgb(59, 130, 246)

HSL

hsl(217, 91%, 60%)

OKLCH

oklch(0.623 0.188 259.8)

HSL 조정

H217S91%L60%

대비 비율 (WCAG)

비교 색상:

샘플 텍스트

대비 비율: 3.68:1

WCAG: AA Large

Last updated: 2026 · Free online tool

What is Color Converter?

Free online tool to convert between HEX, RGB, HSL, OKLCH color codes with WCAG contrast ratio

1
Enter a color — Use the color picker or text input. HEX, rgb(), and hsl() formats are supported.
2
View formats — HEX, RGB, HSL, and OKLCH formats are displayed simultaneously.
3
Copy values — Use the copy button for each format to copy the CSS value.
4
Check contrast ratio — Set a comparison color to check the WCAG contrast ratio.

OKLCH is a cylindrical representation of the Oklab color space, the most perceptually uniform color space. It is supported in CSS Color Level 4.

It measures the luminance difference between text and background colors. AA requires at least 4.5:1, AAA requires 7:1.

Currently only opaque colors (RGB, 6-digit HEX) are supported. RGBA and HSLA will be added in a future update.

Yes. You can paste the output of each format directly into your CSS.

No. All color conversions happen in your browser.