Konwerter kolorów
HEX
#3b82f6RGB
rgb(59, 130, 246)HSL
hsl(217, 91%, 60%)OKLCH
oklch(0.623 0.188 259.8)HSL 조정
대비 비율 (WCAG)
비교 색상:
샘플 텍스트
대비 비율: 3.68:1
WCAG: AA Large
Ostatnia aktualizacja: 2026 · Darmowe narzędzie online
Czym jest Konwerter kolorów?
Darmowy konwerter kolorów online, który natychmiast przelicza między kodami HEX, RGB, HSL i OKLCH oraz oblicza współczynnik kontrastu WCAG między dwoma kolorami, by sprawdzić zgodność z dostępnością.
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
Konwerter znaczników czasu Darmowe narzędzie online do dwukierunkowej konwersji między znacznikami czasu Unix a datami. Akceptuje sekundy (10 cyfr) i milisekundy (13 cyfr) oraz obsługuje KST, JST, UTC, ISO 8601 i czas względny.
Generator gradientu CSS Darmowy wizualny generator gradientów CSS: twórz gradienty liniowe, radialne i stożkowe, dostosuj punkty kolorów i kąt, a następnie kopiuj gotowy kod CSS na tła witryny.
Generator CSS box-shadow Darmowy generator CSS box-shadow online z kontrolkami przesunięcia, rozmycia, rozproszenia, koloru i inset, oferujący podgląd cienia na żywo i tworzący gotowy do skopiowania kod CSS box-shadow.
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.