Генератор на нюанси
Генерирайте пълен набор от оттенъци и нюанси от един цвят — изберете стъпката на потъмняване/изсветляване и броя нюанси, после копирайте всяка стойност мигновено.
Изберете основен цвят, процент стъпка и брой — всеки светъл и тъмен нюанс се изчислява мигновено в браузъра ви.
За Генератор на нюанси
Генераторът на цветови нюанси разширява един цвят в пълна гама от светли и тъмни варианти. Дайте му базов цвят и той произвежда прогресивно по-светли варианти от едната страна и прогресивно по-тъмни от другата — класическата скала от 50 до 900, използвана в модерните дизайнерски системи.
Два контрола оформят изхода: процентът на стъпка задава колко по-светъл или по-тъмен става всеки нюанс (1–25% на стъпка), а броят задава колко светли и тъмни варианта се появяват от всяка страна на базата, до десет. Лента с градиент показва преглед на цялата скала с един поглед.
Генерирането се извършва мигновено във вашия браузър, докато пишете — нищо не се изпраща към сървър. Копирайте всяка отделна стойност, целия списък или цялата скала като CSS променливи, готови за поставяне във файл с дизайн токени или цветова скала в стил Tailwind.
Как да използвате Генератор на нюанси
- Изберете базов цвят с палитрата за избор или въведете стойност; кликнете "Random color" за вдъхновение.
- Задайте процента на стъпка, за да контролирате колко силно всеки нюанс изсветлява или потъмнява.
- Изберете броя на нюансите, за да решите колко светли и тъмни варианта се появяват от всяка страна.
- Кликнете върху мостра, за да я копирате, или използвайте "Copy all" и "Copy CSS variables" за цялата скала.