Różne kolory, które do siebie pasują
Kilka różnych kolorów o tej samej jasności i nasyceniu. Na ikonach, etykietach, wykresach i slajdach wyglądają jak jeden zestaw.
Kliknij kolor, aby skopiować jego HEX.
Jak wyglądają razem
- Start
- Wiadomości
- Kalendarz
- Pliki
- Zdjęcia
- Muzyka
Kod
#ea6a64
#bf9000
#4db155
#00acba
#6793fa
#c972ceSprawdź swoje kolory
Wklej kolory, których już używasz, po jednym w wierszu lub oddzielone spacjami. Zobaczysz, czy są na tym samym poziomie, i dostaniesz poprawiony zestaw z tymi samymi barwami.
Pytania i odpowiedzi
Dlaczego kolory o tej samej jasności HSL wyglądają nierówno?
HSL traktuje wszystkie barwy tak samo, ale oko nie: żółty i zielony przy tych samych liczbach HSL wydają się dużo jaśniejsze od niebieskiego. To narzędzie liczy w OKLCH, gdzie równa jasność wygląda tak samo, więc żadna ikona ani słupek wykresu nie wyróżnia się przypadkiem.
Ile różnych kolorów da się odróżnić?
Na wykresie lub w legendzie większość osób szybko odróżnia 6 do 8 kolorów. Do 12 jeszcze działa, jeśli obok kolorów są podpisy. Przy większej liczbie kategorii połącz te małe albo dodaj podpisy, wzory lub ikony.
Jaki styl wybrać?
Pastelowe i Łagodne pasują na tła etykiet i plakietek z ciemnym tekstem. Jasne i Intensywne pasują do ikon, słupków i linii wykresów na białym tle. Głębokie i Ciemne pasują do kafelków z białym tekstem i akcentów w ciemnych motywach.
Czy mogę pisać tekst na tych kolorach?
Tak. Podgląd wybiera czarny lub biały tekst dla każdego koloru. Jasne style mają ciemny tekst, głębokie biały. Dla zwykłego tekstu sprawdź dokładną parę w kontrolerze kontrastu.
Czy kolory o równej jasności są bezpieczne przy daltonizmie?
Kolory na jednym poziomie różnią się tylko barwą, a to jest najtrudniejsze dla osób z daltonizmem. Na wykresach dodaj podpisy lub wzory albo sprawdź zestaw w symulatorze daltonizmu. Przy ikonach z podpisami zwykle jest dobrze.