Co jsou odstíny barvy
Je to řada odstínů, které vycházejí z jedné barvy: od téměř bílé verze po téměř černou. Všechny mají stejný základní tón, proto se k sobě snadno hodí.
Světlejší, tmavší a tlumené odstíny
Světlejší odstín je barva smíchaná s bílou: je jasnější a jemnější. Tmavší odstín je barva smíchaná s černou: je tmavší a hlubší. Tlumený odstín je barva smíchaná se šedou: je zemitější a elegantní.
Jak použít škálu odstínů v designu
Světlé odstíny (50 až 200) použij na pozadí, střední (400 až 600) na tlačítka a odkazy a tmavé (700 až 950) na texty a okraje. S jedinou škálou máš uspořádané a jednotné rozhraní.
Časté otázky
Jak se škála počítá?
Používáme barevný prostor OKLCH, který napodobuje, jak oko vnímá světlost. Kroky mezi odstíny proto vypadají rovnoměrně, bez prudkých skoků.
Co znamenají čísla 50 až 950?
Je to škála, kterou používá Tailwind CSS a mnoho designových systémů: 50 je nejsvětlejší odstín a 950 nejtmavší. Tvoje barva připadne k číslu, které jí nejlépe odpovídá.
Můžu škálu použít v Tailwindu nebo v CSS?
Ano. Napiš název, vyber formát a zkopíruj kód: proměnné CSS připravené ke vložení nebo blok barev pro konfiguraci Tailwindu.
Jaký je rozdíl mezi škálou odstínů a barevnou paletou?
Škála jsou odstíny jedné barvy. Paleta kombinuje různé barvy, které k sobě ladí. Mnoho palet používá jednu škálu pro pozadí a texty a k tomu jednu nebo dvě akcentové barvy.