Čo sú odtiene farby
Je to rad odtieňov, ktoré vychádzajú z jednej farby: od takmer bielej verzie po takmer čiernu. Všetky majú rovnaký základný tón, preto k sebe ľahko ladia.
Svetlejšie, tmavšie a tlmené odtiene
Svetlejší odtieň je farba zmiešaná s bielou: je jasnejšia a jemnejšia. Tmavší odtieň je farba zmiešaná s čiernou: je tmavšia a hlbšia. Tlmený odtieň je farba zmiešaná so sivou: je zemitejšia a elegantná.
Ako použiť škálu odtieňov v dizajne
Svetlé odtiene (50 až 200) použi na pozadia, stredné (400 až 600) na tlačidlá a odkazy a tmavé (700 až 950) na texty a okraje. S jedinou škálou máš usporiadané a jednotné rozhranie.
Časté otázky
Ako sa škála počíta?
Používame farebný priestor OKLCH, ktorý napodobňuje, ako oko vníma svetlosť. Kroky medzi odtieňmi preto vyzerajú rovnomerne, bez prudkých skokov.
Čo znamenajú čísla 50 až 950?
Je to škála, ktorú používa Tailwind CSS a veľa dizajnových systémov: 50 je najsvetlejší odtieň a 950 najtmavší. Tvoja farba pripadne k číslu, ktoré jej najlepšie zodpovedá.
Môžem škálu použiť v Tailwinde alebo v CSS?
Áno. Napíš názov, vyber formát a skopíruj kód: premenné CSS pripravené na vloženie alebo blok farieb na konfiguráciu Tailwindu.
Aký je rozdiel medzi škálou odtieňov a farebnou paletou?
Škála sú odtiene jednej farby. Paleta kombinuje rôzne farby, ktoré k sebe ladia. Veľa paliet používa jednu škálu na pozadia a texty a k tomu jednu alebo dve akcentové farby.