Jakie są nazwane kolory CSS?

Nazwane kolory CSS to zestaw wstępnie zdefiniowanych słów kluczowych kolorów, które przeglądarki i narzędzia projektowe rozpoznają po nazwie — słowa takie jak tomato, steelblue, cornflowerblue lub rebeccapurple. W specyfikacji CSS Color Level 4 (znanej również jako lista kolorów W3CX11) zdefiniowano 147 standardowych nazwanych kolorów. Każda nazwa mapuje się na określoną wartość heksadecymalną, co ułatwia odwoływanie się do kolorów w kodzie bez konieczności zapamiętywania dokładnych wartości RGB lub heksadecymalnych.

Nazwane kolory są częścią HTML i CSS od wczesnych dni internetu. Z czasem lista rozrosła się z oryginalnych 16 podstawowych kolorów do pełnego zestawu rozpoznawanego dzisiaj. Pomimo obfitości kodów heksadecymalnych i właściwości niestandardowych w nowoczesnym tworzeniu stron internetowych, nazwane kolory pozostają popularne ze względu na czytelność, szybkie prototypowanie i cele edukacyjne.

Opis narzędzia

Color Name Finder przyjmuje dowolny wybrany kolor — za pośrednictwem selektora kolorów lub wejścia heksadecymalnego — i identyfikuje najbliższy nazwany kolor CSS. Gdy wybrany kolor jest dokładnym kolorem CSS, wyświetla idealnie dopasowanie. W przeciwnym razie oblicza percepcyjną odległość kolorów do każdego nazwanego koloru przy użyciu algorytmu CIEDE2000 i zwraca najbliższy, wraz z numerycznym wynikiem odległości wskazującym, jak bliskie jest dopasowanie.

Funkcje

  • Percepcyjne dopasowanie kolorów — wykorzystuje formułę różnicy kolorów CIEDE2000, tę samą metrykę używaną w profesjonalnej nauce o kolorach, aby znaleźć wizualnie najbardziej podobny nazwany kolor, a nie tylko najbliższą wartość heksadecymalną.
  • Detekcja dokładnego dopasowania — natychmiast rozpoznaje dowolny z 147 standardowych nazwanych kolorów CSS i zgłasza dokładne dopasowanie z zerową odległością.
  • Wynik odległości ΔE — wyświetla numeryczną wartość delta E, abyś mógł ocenić, jak bliska jest najbliższa nazwa; wartości poniżej 2 są generalnie niedostrzegalne dla ludzkiego oka.