Konwerter kolorów

Konwerter kolorów między kodami HEX, RGB, HSL i OKLCH, ze współczynnikiem kontrastu WCAG dla dwóch barw. Sprawdzisz dostępność już przy doborze palety, za darmo w przeglądarce.

HEX

#3b82f6

RGB

rgb(59, 130, 246)

HSL

hsl(217, 91%, 60%)

OKLCH

oklch(0.623 0.188 259.8)

Korekta HSL

H217S91%L60%

Współczynnik kontrastu (WCAG)

Kolor porównania:

샘플 텍스트

Współczynnik kontrastu: 3.68:1

WCAG: AA Large

Osadź

<iframe src="https://devtools.patrache.studio/pl/converters/color-converter/?embed=1" width="100%" height="620"
  style="border:1px solid #e5e7eb;border-radius:12px" loading="lazy"
  title="Konwerter kolorów — Patrache Studio DevTools"></iframe>
<p><a href="https://devtools.patrache.studio/pl/converters/color-converter/">Konwerter kolorów</a> by
   <a href="https://patrache.studio/">Patrache Studio</a></p>

Ostatnia aktualizacja: 2026 · Darmowe narzędzie online

Czym jest Konwerter kolorów?

Konwerter kolorów między kodami HEX, RGB, HSL i OKLCH, ze współczynnikiem kontrastu WCAG dla dwóch barw. Sprawdzisz dostępność już przy doborze palety, za darmo w przeglądarce.

Jak używać

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.

Powiązane narzędzia

Generator gradientu CSSWizualny generator gradientów CSS: liniowych, radialnych i stożkowych. Dodaj punkty kolorów, ustaw kąt i skopiuj gotowy kod CSS do tła i przycisków, za darmo w przeglądarce.

Generator CSS box-shadowGenerator CSS box-shadow z regulacją przesunięcia, rozmycia, rozproszenia, koloru i inset oraz podglądem cienia na żywo. Skopiuj gotowy kod CSS, za darmo w przeglądarce.

Referencja jednostek CSSPrzewodnik po jednostkach CSS px, em, rem, %, vw, vh, vmin, vmax i ch, uporządkowany według kategorii. Z jasnym opisem każdej jednostki bezwzględnej i względnej, za darmo w przeglądarce.

Konwerter PX na REMKonwerter PX na REM przeliczający piksele i rem w obu kierunkach według konfigurowalnego rozmiaru czcionki bazowej, także dla wartości dziesiętnych. Z tabelą i snippetem CSS do skopiowania.

Najczęściej zadawane pytania

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.