Narzędzie do nazywania kolorów
Wpisz kod HEX i poznaj najbliższą nazwaną barwę z bazy CSS, Pantone i ludzkiego słownika kolorów. Znajdź kolory podobne z nazwami. Bezpłatnie.
-
1Wprowadź dane
Wpisz treść, wklej tekst lub załaduj plik z dysku. -
2Kliknij przycisk
Narzędzie natychmiast przetworzy Twoje dane w przeglądarce. -
3Pobierz wynik
Skopiuj gotowy tekst lub zapisz plik na urządzeniu.
return "Wynik gotowy w 0.1s";
}
Oceń to narzędzie:
Powiązane narzędzia
Inne narzędzia, które mogą Ci się przydaćGenerator nazw kolorów – zidentyfikuj i nazwij każdy odcień HEX
Kolor #7C4DFF to "Średni fiolet slaty" czy "Jasna lilia"? Narzędzie identyfikuje każdy kolor HEX i dopasowuje do najbliższej nazwanej barwy z bazy CSS Named Colors, listy X11, słownika Crayola i polskich nazw kolorów. Użyteczne przy dokumentowaniu palet kolorów.
Źródła baz nazw kolorów
CSS Named Colors (148 nazw): oficjalne nazwy CSS – aqua, coral, dodgerblue. X11 Color Names (752): rozbudowana lista z systemu X Window. Crayola (133): kredki – Razzmatazz, Tickle Me Pink. Pantone PMS: standardy poligraficzne. Wikipedia Color List: polskie nazwy w lokalizacji PL. "Xkcd Color Survey" (954): nazwy nadawane przez 200 000 internautów.
Jak działa dopasowanie do bazy
Przekształcenie HEX na przestrzeń kolorów LAB (percepcyjnie równomierną). Obliczenie odległości ΔE (Delta-E) do każdego koloru w bazie. Najniższa ΔE = najbardziej podobna nazwa. ΔE < 1: praktycznie identyczne. ΔE 1-3: ledwo zauważalna różnica. ΔE > 10: wyraźna różnica.
Polskie nazwy kolorów
Podstawowe: czerwony, niebieski, zielony, żółty, fioletowy, pomarańczowy, różowy, brązowy, szary, biały, czarny. Rozszerzone: karmazynowy, szkarłatny, amarant, burgund, turkus, szmaragdowy, kobalt, granat, oliwkowy, beżowy, piaskowy, łososiowy, koralowy. Moda i design: ecru, taupe, greige (szaro-beżowy), mauve (brudny fiolet).
Zastosowania zawodowe
Dokumentowanie palety designu z czytelnymi nazwami. Komunikacja z klientem (zamiast HEX – "ciemna zieleń butelkowa"). Dobór farb malarskich (RAL, NCS) na podstawie HEX. Eksport do Figma: Style Dictionary generuje nazwy tokenów. Brand book: przełożenie hex na ludzkie nazwy.
Najczęstsze pytania
Dlaczego ten sam kolor może mieć wiele nazw?
Brak globalnego standardu nazw kolorów. Różne kultury mają różną liczbę podstawowych kategorii barw (np. języki z 2-11 podstawowymi nazwami). Crayola wymyśla poetyczne nazwy (Maroon 5 → "Brick Red"). CSS zdefiniowało 148 nazw historycznie – część to dziś nieużywane terminy komputerowe (khaki, peru, bisque).
Co to jest ΔE i jak go interpretować?
ΔE (Delta-E) mierzy percepcyjną różnicę między kolorami w przestrzeni LAB. CIE76: najprostszy (tylko odległość Euklidesowa w LAB). CIEDE2000: uwzględnia nieliniowości percepcji, bardziej precyzyjny. ΔE < 2: w praktyce kolory nierozróżnialne. ΔE 2-10: widoczna różnica ale ten sam "rodzaj" koloru.
Jak działa percepcja barw u ludzi?
Czopki siatkówki: L (czerwony, ~560nm), M (zielony, ~530nm), S (niebieski, ~430nm). Sygnał przetwarzany w kanały: achromatyczny (jasność), czerwono-zielony, żółto-niebieski. Stąd przestrzenie LAB/LCH modelują percepcję przez te kanały. Daltonizm: brak lub dysfunkcja jednego typu czopków.
Jak nazwy kolorów różnią się między kulturami?
Angielski ma osobne słowa "blue" i "green". Rosyjski ma osobne słowa na jasnoniebieski (goluboy) i ciemnoniebieski (siniy). Japoński "aoi" oznaczał oba (zieleń i niebieski) historycznie. Pirahã (Amazonia): tylko 2 kategorie barw (ciemny/jasny). Badanie: Regier & Kay 2009 – "Basic Color Terms".
Jak tworzyć nazwy dla tokenów designu?
Convention 1: opisowa nazwa (color-primary-500, color-neutral-200). Convention 2: kontekstualna (color-button-background, color-text-muted). Convention 3: ludzka nazwa + numer (cobalt-500). Style Dictionary (Amazon): automatyczne generowanie nazw tokenów z palet. Figma Variables: najnowszy standard.
Powiązane narzędzia: konwerter HEX na HSL, generator palet kolorów i sprawdzanie kontrastu kolorów.