Wyszukiwarka nazw kolorów

Co robi wyszukiwarka nazw kolorów?

To narzędzie pokazuje najbliższą nazwę koloru na podstawie kodu HEX, RGB lub HSL. Porównuje wprowadzony kolor z 140 nazwami CSS oraz z rozszerzoną bazą ponad 1 500 nazw, dzięki czemu łatwo sprawdzisz, jak najtrafniej opisać dany odcień.

Przydaje się wtedy, gdy masz już konkretny kod koloru, ale chcesz nazwać go po ludzku w briefie, projekcie graficznym, dokumentacji marki albo w rozmowie z klientem. Oprócz głównego trafienia otrzymujesz też gotowe wartości do skopiowania i kilka podobnych propozycji.

Kiedy warto użyć tego narzędzia

• Projektowanie i branding – Gdy chcesz szybko ustalić nazwę koloru marki, layoutu lub inspiracji wizualnej.
• Dokumentacja palety – Gdy same kody HEX są za mało czytelne i potrzebujesz opisowych nazw w prezentacji albo specyfikacji.
• CSS i front-end – Gdy sprawdzasz, czy dany odcień ma standardową nazwę CSS możliwą do użycia bezpośrednio w kodzie.
• Komunikacja z klientem – Gdy łatwiej powiedzieć „oliwkowy”, „koralowy” albo „łososiowy” niż podawać ciąg znaków.
• Szukanie alternatyw – Gdy chcesz znaleźć kilka podobnych odcieni wokół jednego koloru wyjściowego.
• Nauka nazewnictwa kolorów – Gdy chcesz lepiej kojarzyć popularne nazwy używane w designie i w CSS.

Najważniejsze funkcje

Narzędzie zostało przygotowane tak, aby szybko przejść od technicznego kodu koloru do zrozumiałej nazwy i gotowych wartości do dalszej pracy.

• Obsługa HEX, RGB i HSL – Wpisz kolor w formacie, który już masz, albo wybierz go bezpośrednio z próbnika.
• Dwie bazy nazw – Możesz przełączać się między standardowymi nazwami CSS a szerszą bazą nazw opisowych.
• Polska nazwa główna – Gdy to ma sens, wynik pokazuje naturalną polską nazwę, a angielski odpowiednik zostaje jako pomocnicza referencja.
• Wskaźnik podobieństwa – Od razu widzisz, czy trafienie jest idealne, czy tylko bardzo zbliżone do podanego koloru.
• 5 podobnych propozycji – Otrzymujesz sąsiednie kolory, które możesz porównać jednym kliknięciem.
• Kopiowanie jednym kliknięciem – Kliknij HEX, RGB albo HSL, aby od razu skopiować wartość do schowka.
• Historia ostatnich kolorów – Narzędzie zapamiętuje do 20 ostatnich wyszukiwań lokalnie w Twojej przeglądarce.

Jak korzystać z wyszukiwarki nazw kolorów

Obsługa jest prosta: wpisujesz kolor, wybierasz bazę nazw, a potem porównujesz wynik i kopiujesz potrzebne wartości.

1. Wprowadź kolor – Użyj próbnika albo wpisz kod HEX, RGB lub HSL.
2. Wybierz bazę – Jeśli zależy Ci na nazwach zgodnych z CSS, wybierz bazę CSS; jeśli chcesz bardziej opisowe nazwy, użyj bazy rozszerzonej.
3. Sprawdź najlepsze dopasowanie – Narzędzie pokaże najbliższą nazwę, angielski odpowiednik oraz pełne kody koloru.
4. Porównaj podobne odcienie – Kliknij jedną z pięciu sugestii, aby od razu przełączyć wynik na inny wariant.
5. Skopiuj potrzebny format – Przenieś HEX, RGB lub HSL do projektu, dokumentu, CSS albo briefu.

Jak działa baza nazw kolorów

Obie bazy służą do trochę innych zadań. Jedna stawia na zgodność ze standardem webowym, druga na bogatsze nazewnictwo i bardziej opisowe dopasowania.

Kolory CSS (140)

To nazwy zdefiniowane przez standard W3C. Takie nazwy jak gold, coral czy slateblue można stosować bezpośrednio w arkuszach CSS, dlatego ta baza jest najlepsza, gdy zależy Ci na zgodności z kodem.

Baza rozszerzona (1 500+)

Ta kolekcja zawiera znacznie więcej nazw inspirowanych naturą, jedzeniem, kamieniami, metalami, pastelami, neonami i innymi rodzinami kolorów. Przydaje się, gdy szukasz bardziej obrazowej lub precyzyjnej nazwy niż podstawowe słownictwo CSS.

Jak liczone jest podobieństwo

Wynik opiera się na obliczeniu odległości między kolorami. Im mniejsza różnica między wprowadzonym kolorem a kolorem z bazy, tym wyższy procent podobieństwa i tym trafniejsza proponowana nazwa.

Najczęstsze pytania