# Wyszukiwarka nazw kolorów

Znajdź najbliższy nazwany kolor CSS dla dowolnej wartości koloru. Wklej maksymalnie 100 kolorów w dowolnym formacie CSS, aby dla każdego znaleźć najbliższe spośród 148 nazwanych kolorów CSS, uszeregowanych według różnicy kolorów CIEDE2000. Wyniki zawierają nazwę, kod hex, wartość Delta E i ocenę dopasowania. Wyświetl maksymalnie 10 dopasowań na kolor. Przydatne do nazywania tokenów projektowych, opisywania kolorów w dokumentacji i znajdowania szybkiego słowa kluczowego.

## Najczęściej zadawane pytania

### Jakie nazwy kolorów są wyszukiwane?

148 nazwanych kolorów z CSS Color 4, od aliceblue do yellowgreen, w tym rebeccapurple. Nazwy o tej samej wartości, takie jak aqua i cyan, fuchsia i magenta oraz pisownie gray i grey, są wyświetlane razem w jednym wierszu, co daje 139 odrębnych kolorów. Kolory transparent i systemowe nie są uwzględniane.

### Jak mierzona jest bliskość nazwy?

Za pomocą różnicy kolorów CIEDE2000, Delta E 2000, obliczanej w CIELAB przez bibliotekę culori. To branżowy standard określający, jak różne kolory wydają się przeciętnemu obserwatorowi; mniejsza wartość oznacza lepsze dopasowanie.

### Co oznaczają oceny dopasowania?

Dokładne oznacza, że nazwany kolor ma ten sam kod hex. Bardzo zbliżone oznacza Delta E poniżej 2, czyli różnicę trudną do zauważenia; podobne oznacza poniżej 5, różnicę widoczną przy zestawieniu obok siebie; odległe oznacza 5 lub więcej, gdy nazwa określa jedynie ogólną rodzinę kolorów.

### Ile dopasowań otrzymam?

Od 1 do 10 dla każdego koloru, domyślnie 3, w kolejności od najbliższego do najdalszego. Większa liczba dopasowań pomaga, gdy najbliższa nazwa ma właściwą jasność, ale niewłaściwy odcień, lub odwrotnie.

### Jak wpisywać kolory?

Wpisz jeden kolor w każdym wierszu albo kilka kolorów w jednym wierszu, oddzielając je przecinkami lub średnikami; przecinki wewnątrz rgb() lub hsl() nie rozdzielają wartości. Akceptowane są kody hex z # lub bez niego, CSS nazwy kolorów, rgb(), hsl(), hwb(), lab(), lch(), oklab(), oklch(), color() i cmyk(); w jednym uruchomieniu można podać maksymalnie 100 kolorów.

### Co dzieje się z przezroczystymi kolorami?

Nazwane kolory są nieprzezroczyste, więc kanał alfa jest ignorowany, a kolor porównywany tak, jakby był całkowicie nieprzezroczysty. Kolumna HEX pokazuje porównany kod 6-cyfrowy.

### Co dzieje się z kolorami o szerokim gamucie?

Kolory spoza sRGB, takie jak intensywne wartości Display P3 lub OKLCH, są najpierw odwzorowywane na sRGB za pomocą algorytmu CSS Color 4, ponieważ wszystkie CSS nazwane kolory są kolorami sRGB. Kolumna HEX pokazuje następnie odwzorowaną wartość, z którą porównywane są nazwy.

### Czy mogę użyć nazwy zamiast kodu hex?

Tylko gdy dopasowanie jest dokładne; w przeciwnym razie nazwany kolor wygląda inaczej. Zbliżona nazwa nadal może być czytelną dla człowieka wskazówką w tokenie projektu lub dokumentacji, na przykład dla koloru niebieskiego zbliżonego do steelblue.

### Dlaczego tylko CSS nazwy, a nie większa lista?

CSS to nazwy rozpoznawane przez każdą przeglądarkę, które można wpisać bezpośrednio w arkuszu stylów. Większe listy nazw różnią się między dostawcami i często podlegają licencjom, natomiast te 148 nazwy określa standard CSS.

### Dlaczego dopasowanie z wyższą wartością Delta E może wydawać mi się bliższe?

Delta E 2000 modeluje przeciętnego obserwatora w standardowych warunkach oglądania. Na to, który kolor wydaje się najbliższy, wpływają wyświetlacz, jego kalibracja, kolory otoczenia i indywidualne widzenie barw, dlatego traktuj ranking jako pomocną wskazówkę, a nie bezwzględną miarę.

Twoja reklama tutaj?

[Napisz do nas](mailto:hi@dennn.is?subject=Reklama%20w%20OneClick%20Pro)

[Reklama Pakiet wtyczek gotowy do pracy z agentami dla WordPress.](https://sleekwp.com/?ref=oneclickpro)