W tym artykule
Dlaczego znajdowanie nazw kolorow jest wazne
Kolory w projektowaniu cyfrowym sa zwykle wyrazane jako kody szesnastkowe, wartosci RGB lub wartosci HSL. Chociaz dokladne, te numeryczne reprezentacje sa bez znaczenia dla wiekszosci ludzi. Nazwa koloru jak 'Coral' lub 'Steel Blue' komunikuje natychmiast, czyniace dyskusje projektowe, dokumentacje i przeglady kodu bardziej efektywnymi.
CSS obsluguje 148 nazwanych kolorow, ktore mozna uzywac bezposrednio 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 dziala dopasowywanie nazw kolorow
Narzedzia do wyszukiwania nazw kolorow dzialaja, obliczajac odleglosc miedzy kolorem wejsciowym a kazdym nazwanym kolorem w palecie referencyjnej.
- Odleglosc RGB — najprostsza metoda oblicza odleglosc euklidesowa w przestrzeni kolorow RGB, traktujac R, G i B jako wspolrzedne trojwymiarowe
- Wazony RGB — dostosowuje obliczenie odleglosci, wazac kanaly inaczej. Ludzkie oczy sa bardziej wrazliwe 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 dzialaja we wszystkich nowoczesnych przegladarkach. Te nazwy moga byc uzywane wszedzie, gdzie akceptowana jest wartosc 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
- Wartosci specjalne — 'transparent' (calkowicie przezroczysty) i 'currentColor' (dziedziczy z wlasciwosci color) sa rowniez prawidlowymi slowami kluczowymi kolorow CSS
Czesto zadawane pytania
Jak dokladne jest dopasowywanie nazw kolorow?
Dokladnosc zalezy od algorytmu dopasowania i palety referencyjnej. Z 148 nazwanymi kolorami CSS najblizsze dopasowanie moze nadal zauwaznie roznic sie od koloru wejsciowego. Do pracy projektowej wymagajacej dokladnych kolorow, uzywaj bezposrednio wartosci szesnastkowej lub RGB.
Jaka jest roznica miedzy percepcyjna a matematyczna odlegloscia kolorow?
Odleglosc matematyczna (euklidesowa RGB) traktuje przestrzen kolorow jako jednolita, ale ludzki wzrok nie postrzega roznic kolorow jednolicie. Jestesmy bardziej wrazliwi na zielony i mniej na niebieski. Metody odleglosci percepcyjnej jak Delta E (CIE2000) uwzgledniaja te roznice, konwertujac do percepcyjnie jednolitej przestrzeni kolorow.
Czy mozna uzywac nazw kolorow Pantone?
Kolory Pantone to zastrzezony system z tysiacami nazwanych kolorow uzywanych glownie w druku. Nie sa czescia CSS ani standardow webowych. Konwersja miedzy Pantone a kolorami szesnastkowymi jest przyblizzona, poniewaz kolory Pantone sa zdefiniowane dla okreslonych formulacji tuszu i rodzajow papieru, nie do wyswietlania na ekranie.