Przejdź do głównej treści
Converty

Konwerter kolorów

Konwertuj między hex, RGB, HSL, OKLCH i OKLAB, sprawdzając kontrast i eksportując tokeny gotowe dla CSS.

Obsługuje hex, rgb(), hsl(), oklch(), oklab() i nazwane kolory CSS.

Bieżący kolor

#953769

Sugerowany foreground

#FFFFFF

Kolor dopełniający

#007653

Hex
RGB(A)
HSL(A)
OKLCH
OKLAB
Alfa
Motyw Tailwind
Wygeneruj pełną paletę marki dla Tailwind CSS 4 albo 3 z bieżącego koloru.
50
oklch(94.5% 0.0212 350.46)
100
oklch(89.49% 0.0339 350.46)
200
oklch(81.48% 0.0542 350.46)
300
oklch(72.47% 0.0771 350.46)
400
oklch(61.46% 0.105 350.46)
500
oklch(48.44% 0.138 350.46)
600
oklch(43.57% 0.1236 350.46)
700
oklch(38.7% 0.1093 350.46)
800
oklch(33.22% 0.0932 350.46)
900
oklch(27.74% 0.077 350.46)
950
oklch(23.48% 0.0644 350.46)
Zmienne CSS

O konwersji kolorów CSS

Konwertery kolorów pomagają przenosić ten sam kolor między HEX, RGB, HSL, OKLCH i OKLAB. Są najbardziej przydatne, gdy potrzebujesz czytelnego wyniku, kontekstu kontrastu i wartości gotowych dla CSS albo Tailwind.

Kolory HEX, RGB, HSL i CSS

HEX, RGB i HSL obejmują większość codziennych przepływów pracy w przeglądarce, designie i frontendzie.

Szybka konwersja pozwala wkleić jedną wartość i użyć jej wszędzie bez ręcznego przepisywania składni.

Dlaczego OKLCH i OKLAB mają znaczenie

OKLCH i OKLAB lepiej sprawdzają się przy budowaniu płynnych skal i przewidywalnych zmian jasności.

Ułatwiają pracę z paletą, gdy liczą się zrównoważone przejścia i wiarygodny kontrast.

Sprawdzanie kontrastu i wynik dla Tailwind

Sprawdzanie kontrastu i wynik gotowy dla frameworków zamieniają konwerter w praktyczne narzędzie UI.

Szybciej przejdziesz od jednego koloru wejściowego do dostępnych kolorów tekstu i tokenów przyjaznych Tailwindowi.

Najczęściej zadawane pytania

Odpowiedzi o obsługiwanych formatach kolorów, kiedy używać przestrzeni percepcyjnych takich jak OKLCH oraz jak interpretować wyniki kontrastu i Tailwind.

Inne narzędzia

Przeglądaj wszystkie dedykowane strony narzędzi ze strony głównej albo z wyśrodkowanego selektora w nagłówku.

Obrazy

Konwerter WebP

Konwertuj do 10 obrazów JPEG, PNG albo WebP na WebP z presetami jakości i pobieraniem ZIP.

Otwórz Konwerter WebP

Zasoby

Generator favicon / ikon aplikacji

Prześlij jeden kwadratowy obraz źródłowy i wygeneruj pakiet favicon z ikonami aplikacji oraz startowym web manifestem.

Otwórz Generator favicon

Formaty danych

Konwerter JSON / YAML / TOML

Waliduj, formatuj, minifikuj i konwertuj JSON, YAML i TOML z czytelnymi ostrzeżeniami zgodności.

Otwórz JSON / YAML / TOML

Formaty danych

Walidator CSV

Waliduj pliki CSV i wklejone wiersze z wykrywaniem separatora, sprawdzaniem nagłówków, listami problemów i parsowanymi podglądami.

Otwórz Walidator CSV

Tekst

Case / Slug / Escape

Konwertuj tekst do camelCase, snake_case, kebab-case, PascalCase, slugów i typowych form po escape.

Otwórz Case / Slug / Escape

Tekst

Walidator i podgląd Markdown

Waliduj strukturę Markdown, podglądaj wyrenderowany wynik i wykrywaj typowe problemy autorskie przed publikacją.

Otwórz Walidator Markdown