Konwerter kolorów

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

Ostatnia aktualizacja: 2026 · Darmowe narzędzie online

Czym jest Konwerter kolorów?

Darmowe narzędzie online do konwersji między kodami kolorów HEX, RGB, HSL, OKLCH ze współczynnikiem kontrastu WCAG

1
Wprowadź kolor — Użyj selektora kolorów lub pola tekstowego. Obsługiwane formaty: HEX, rgb() i hsl().
2
Zobacz formaty — Formaty HEX, RGB, HSL i OKLCH wyświetlane są jednocześnie.
3
Kopiuj wartości — Użyj przycisku kopiowania dla każdego formatu, aby skopiować wartość CSS.
4
Sprawdź współczynnik kontrastu — Ustaw kolor porównawczy, aby sprawdzić współczynnik kontrastu WCAG.

OKLCH to cylindryczna reprezentacja przestrzeni kolorów Oklab, najbardziej jednolitej percepcyjnie. Jest obsługiwana w CSS Color Level 4.

Mierzy różnicę jasności między tekstem a kolorami tła. AA wymaga co najmniej 4,5:1, AAA wymaga 7:1.

Obecnie obsługiwane są tylko kolory nieprzezroczyste (RGB, HEX 6-cyfrowy). RGBA i HSLA zostaną dodane w przyszłości.

Tak. Możesz wkleić wynik każdego formatu bezpośrednio do swojego CSS.

Nie. Wszystkie konwersje kolorów odbywają się w przeglądarce.