Генератор на нюанси на цветове
Създайте палитра от нюанси на базата на основен цвят. Копирайте в HEX, RGB, HSL формати. Безплатно, 100% в браузъра.
Справка
Какво са тинтове и нюанси?
В теорията на цвета, тинт е всеки цвят, смесен с бяло (правейки го по-светъл), а нюанс е всеки цвят, смесен с черно (правейки го по-тъмен). Заедно те формират монохроматична палитра — вариации на единичен тон при различни нива на яркост. Този инструмент генерира пълна скала от бяло през вашия основен цвят до черно, давайки ви готова за употреба цветова рампа за дизайн и разработка.
Приложения на цветовите нюанси
Дизайн системи — генерирайте 9-степенна или 11-степенна скала на нюанси за фирмен цвят, следвайки модела, използван от Tailwind CSS (50–950), Material Design и повечето съвременни дизайн системи. Състояния на UI компоненти — използвайте по-светли тинтове за фонове и hover състояния, основния цвят за първични действия и по-тъмни нюанси за текст, рамки и active състояния. Визуализация на данни — създайте последователни скали от светло към тъмно за хороплетни карти, топлинни карти и диаграми, където интензитетът представлява величина. Достъпност — намерете двойки нюанси, които отговарят на изискванията за контраст по WCAG (4.5:1 за нормален текст, 3:1 за едър текст).
Как се генерират нюансите
Нюансите се генерират чрез линейна интерполация в RGB пространството от бяло (#FFFFFF) през основния цвят до черно (#000000). За N нюанса основният цвят се появява в средната точка на скалата. Всяка стъпка се смесва равномерно, произвеждайки последователна прогресия на яркостта. Изходът е наличен в HEX, RGB и HSL формати — копирайте отделни стойности или цялата палитра наведнъж.
Поверителност
Всички операции се извършват 100% в браузъра. Никакви данни не се изпращат на сървър.