W tym artykule
Dlaczego znajdowanie nazw kolorow jest ważne
Kolory w projektowaniu cyfrowym sa zwykłe wyrażane jako kody szesnastkowe, wartości RGB lub wartości HSL. Chociaz dokładne, te numeryczne reprezentacje sa bez znaczenia dla większości ludzi. Nazwa koloru jak 'Coral' lub 'Steel Blue' komunikuje natychmiast, czyniace dyskusje projektowe, dokumentacje i przeglady kodu bardziej efektywnymi.
CSS obsługuje 148 nazwanych kolorow, ktore można używać bezpośrednio w arkuszach stylow. Znajdowanie najblizszego nazwanego koloru dla danego kodu szesnastkowego pomaga programistom pisac bardziej czytelny CSS i sprawia, ze tokeny systemow projektowych sa bardziej zrozumiale.
Jak działa dopasowywanie nazw kolorow
Narzędzia do wyszukiwania nazw kolorow działają, obliczajac odległość między kolorem wejsciowym a każdym nazwanym kolorem w palecie referencyjnej.
- Odległość RGB — najprostsza metoda oblicza odległość euklidesowa w przestrzeni kolorow RGB, traktujac R, G i B jako współrzędne trojwymiarowe
- Wazony RGB — dostosowuje obliczenie odległości, wazac kanały inaczej. Ludzkie oczy sa bardziej wrażliwe na zielony, wiec roznice zielonego sa wazzone wyzej
- Delta E (CIE76/CIE2000) — konwertuje kolory do przestrzeni kolorow CIELAB, zaprojektowanej jako percepcyjnie jednolita. Delta E 1.0 reprezentuje najmniejsza roznice koloru, jaka czlowiek moze dostrzec
Wypróbuj za darmo — bez rejestracji
Znajdz nazwe koloru →Referencja nazwanych kolorow CSS
CSS definiuje 148 nazwanych kolorow, ktore działają we wszystkich nowoczesnych przeglądarkach. Te nazwy moga byc używane wszędzie, gdzie akceptowana jest wartość koloru.
- Kolory podstawowe — 16 oryginalnych kolorow HTML: black, white, red, green, blue, yellow, cyan, magenta i 8 innych zdefiniowanych od HTML 3.2
- Kolory rozszerzone — 132 dodatkowe nazwy dodane w CSS3, od 'AliceBlue' do 'YellowGreen', pierwotnie z listy kolorow X11
- Wartości specjalne — 'transparent' (całkowicie przezroczysty) i 'currentColor' (dziedziczy z właściwości color) sa również prawidłowymi słowami kluczowymi kolorow CSS
Często zadawane pytania
Jak dokładne jest dopasowywanie nazw kolorow?
Dokładność zależy od algorytmu dopasowania i palety referencyjnej. Z 148 nazwanymi kolorami CSS najbliższe dopasowanie moze nadal zauwaznie różnic sie od koloru wejsciowego. Do pracy projektowej wymagającej dokładnych kolorow, używaj bezpośrednio wartości szesnastkowej lub RGB.
Jaka jest różnica między percepcyjna a matematyczna odlegloscia kolorow?
Odległość matematyczna (euklidesowa RGB) traktuje przestrzen kolorow jako jednolita, ale ludzki wzrok nie postrzega różnic kolorow jednolicie. Jestesmy bardziej wrazliwi na zielony i mniej na niebieski. Metody odległości percepcyjnej jak Delta E (CIE2000) uwzgledniaja te roznice, konwertujac do percepcyjnie jednolitej przestrzeni kolorow.
Czy można używać nazw kolorow Pantone?
Kolory Pantone to zastrzezony system z tysiącami nazwanych kolorow używanych głównie w druku. Nie sa częścią CSS ani standardow webowych. Konwersja między Pantone a kolorami szesnastkowymi jest przyblizzona, poniewaz kolory Pantone sa zdefiniowane dla określonych formulacji tuszu i rodzajow papieru, nie do wyświetlania na ekranie.