Wyszukiwarka nazw kolorów

Obsługuje #RGB, #RGBA, #RRGGBB, #RRGGBBAA, całkowite rgb()/rgba() oraz procentowe hsl()/hsla().

Wprowadź kolor HEX, RGB lub HSL, aby znaleźć najbliższy standardowy nazwany kolor CSS. Zobacz także znormalizowane wartości HEX, RGB, HSL i CIELAB oraz różnicę CIEDE2000. Obliczenia odbywają się w przeglądarce. W trybie krokowym wpisany kolor znajduje się w adresie URL strony i jest wysyłany do serwera z żądaniem strony; obliczenie dopasowania nadal odbywa się wyłącznie w przeglądarce.

Jak znaleźć nazwę koloru CSS

  1. 1

    Wprowadź kolor

    Użyj pola tekstowego lub próbnika. Obsługiwane są ścisłe HEX, całkowite RGB i procentowe HSL.

  2. 2

    Sprawdź i znormalizuj

    Wartość jest sprawdzana i przeliczana na sRGB, HSL oraz CIELAB z punktem bieli D65.

  3. 3

    Porównaj nazwy CSS

    CIEDE2000 porównuje nieprzezroczysty RGB ze wszystkimi standardowymi nazwanymi kolorami CSS.

  4. 4

    Sprawdź lub skopiuj

    Porównaj próbki, odczytaj wartości i skopiuj wynik.

Znaczenie wyniku

CSS definiuje stałą listę nazwanych kolorów, między innymi tomato, cornflowerblue i rebeccapurple. Gdy kolor nie pasuje dokładnie, wyświetlana jest najbliższa nazwa i jej kanoniczny HEX. Równoważne aliasy, takie jak aqua i cyan, pojawiają się razem.

Porównanie przelicza sRGB na CIELAB z punktem bieli D65 i stosuje CIEDE2000. Wartość 0 oznacza dokładne dopasowanie RGB. Obsługiwane są krótkie i długie HEX, całkowite rgb()/rgba() oraz procentowe hsl()/hsla().

Alfa pozostaje w ośmiocyfrowym HEX, ale nie wpływa na nazwę. Narzędzie nie przeszukuje baz Pantone, farb, kredek ani nazw społecznościowych i nie pobiera koloru z obrazów. Dostępność wymaga osobnej kontroli kontrastu WCAG.

Najczęściej zadawane pytania

Tylko gdy różnica CIEDE2000 wynosi 0. W przeciwnym razie jest to najbliższy standardowy nazwany kolor CSS.

CSS zawiera aliasy o tym samym RGB, na przykład aqua i cyan. Remisy są pokazywane razem.

Nie. Alfa pozostaje w znormalizowanym HEX, ale jest pomijana w porównaniu.

Nie. Sprawdź kontrast tekstu i tła względem progów WCAG.

Powiązane narzędzia