Czym są odcienie koloru
To seria odcieni, które powstają z jednego koloru: od wersji prawie białej do prawie czarnej. Wszystkie mają ten sam ton bazowy, dlatego bez trudu do siebie pasują.
Rozjaśnienia, przyciemnienia i przygaszenia
Rozjaśnienie to kolor zmieszany z bielą: jaśniejszy i delikatniejszy. Przyciemnienie to kolor zmieszany z czernią: ciemniejszy i głębszy. Przygaszenie to kolor zmieszany z szarością: stonowany i elegancki.
Jak używać skali odcieni w projekcie
Jasne odcienie (50–200) stosuj na tła, średnie (400–600) na przyciski i linki, a ciemne (700–950) na teksty i obramowania. Jedna skala wystarczy, by interfejs był uporządkowany i spójny.
Najczęściej zadawane pytania
Jak liczona jest skala odcieni?
Używamy przestrzeni barw OKLCH, która naśladuje to, jak oko odbiera jasność. Dzięki temu kroki między odcieniami wyglądają równo, bez nagłych skoków.
Co oznaczają liczby od 50 do 950?
To skala używana w Tailwind CSS i wielu systemach projektowych: 50 to najjaśniejszy odcień, a 950 najciemniejszy. Twój kolor trafia pod liczbę, która najlepiej mu odpowiada.
Czy mogę użyć skali w Tailwind lub CSS?
Tak. Wpisz nazwę, wybierz format i skopiuj kod: gotowe do wklejenia zmienne CSS albo blok kolorów do konfiguracji Tailwind.
Czym różni się skala odcieni od palety kolorów?
Skala to odcienie jednego koloru. Paleta łączy różne kolory, które do siebie pasują. Wiele palet używa jednej skali na tła i teksty oraz jednego lub dwóch kolorów akcentowych.