Какво са оттенъците на един цвят
Това е редица от оттенъци, които произлизат от един цвят: от почти бяла версия до почти черна. Всички имат един и същ основен тон, затова лесно си подхождат.
По-светли, по-тъмни и приглушени оттенъци
По-светлият оттенък е цвят, смесен с бяло: по-ярък и по-нежен е. По-тъмният оттенък е цвят, смесен с черно: по-тъмен и по-дълбок е. Приглушеният оттенък е цвят, смесен със сиво: по-земен и елегантен е.
Как да използваш скала от оттенъци в дизайна
Използвай светлите оттенъци (50 до 200) за фонове, средните (400 до 600) за бутони и връзки, а тъмните (700 до 950) за текстове и рамки. С една скала имаш подреден и единен интерфейс.
Често задавани въпроси
Как се изчислява скалата?
Използваме цветовото пространство OKLCH, което имитира как окото възприема светлотата. Затова стъпките между оттенъците изглеждат равномерни, без резки скокове.
Какво означават числата от 50 до 950?
Това е скалата, която използват Tailwind CSS и много дизайн системи: 50 е най-светлият оттенък, а 950 – най-тъмният. Твоят цвят попада на числото, което най-добре му съответства.
Мога ли да използвам скалата в Tailwind или в CSS?
Да. Напиши име, избери формат и копирай кода: CSS променливи, готови за поставяне, или блок с цветове за конфигурацията на Tailwind.
Каква е разликата между скала от оттенъци и цветова палитра?
Скалата са оттенъците на един цвят. Палитрата съчетава различни цветове, които си подхождат. Много палитри използват една скала за фонове и текстове и към нея един или два акцентни цвята.