Генератор на палитри за Tailwind – 11-степенна цветова скала
Генерирайте 11-степенна цветова скала в стила на Tailwind, от 50 до 950, с един основен цвят. Палитрата увеличава светлината в OKLch – перцептуално равномерно цветово пространство, което използва Tailwind v3. Прегледайте генерираните нюанси, кликнете върху която и да е стойност, за да я копирате, или използвайте включения готов за поставяне фрагмент с конфиг за Tailwind. Задайте наличните опции преди генериране.
Генераторът на палитри за Tailwind създава 11-степенна цветова скала в стила на Tailwind от един основен цвят. Той генерира нюанси, номерирани 50, 100 и нататък до 950, което улеснява изграждането на съгласувана палитра, вместо да създавате всяка стойност на ръка. Всеки нюанс се копира с клик, а инструментът включва готов за поставяне фрагмент с конфиг за Tailwind.
Генераторът изгражда скалата, като увеличава светлината в OKLch – перцептуално равномерно цветово пространство, което използва Tailwind v3. Задайте наличните опции, посочете основен цвят и генерирайте палитрата, за да видите получените нюанси. След това можете да копирате отделна стойност или да използвате включения фрагмент с конфиг.
Палитрата е последователност от свързани цветови стойности, а фрагментът с конфиг за Tailwind е удобен начин да използвате генерираната палитра в проект с Tailwind. Създаването на нюанси от един основен цвят може да ви помогне да установите последователен диапазон от по-светли и по-тъмни стойности за вашия интерфейс или данни на проекта. Номерирането 50–950 прави стъпките лесни за разпознаване при работа със скалата.
Инструментът работи изцяло във вашия браузър, а входът ви се обработва на вашето устройство, вместо да се изпраща към сървър. Той няма зависимост от сървър, така че след зареждане на страницата продължава да работи офлайн. Генераторът на палитри за Tailwind е безплатен за ползване и може да помогне на разработчици, дизайнери и DevOps инженери бързо да създадат и копират пълна цветова скала.
Стъпка 1: Посочете един основен цвят, от който да започне палитрата. Генераторът го използва, за да изгради пълната 11-степенна скала.
Стъпка 2: Задайте наличните опции преди генериране. Конкретните опции можете да прегледате в инструмента.
Стъпка 3: Генерирайте палитрата и прегледайте нюансите ѝ, номерирани от 50 до 950.
Стъпка 4: Кликнете върху нюанс, за да копирате стойността му, или копирайте включения готов за поставяне фрагмент с конфиг за Tailwind.
Случай на употреба: Създайте пълен набор от нюанси в стила на Tailwind за дизайн система от един основен цвят.
Случай на употреба: Подгответе цветови стойности за тестове, фикстури или начални данни, без да въвеждате всеки нюанс на ръка.
Случай на употреба: Генерирайте цялата скала 50–950 наведнъж, вместо да измисляте стойностите една по една.
Случай на употреба: Изградете палитра за проект и копирайте отделните стойности на нюансите, когато ви трябват.
Случай на употреба: Използвайте включения фрагмент с конфиг, за да внесете генерираната палитра в конфигурацията на Tailwind.
Случай на употреба: Разгледайте как се променя светлината в палитрата, използвайки скала, базирана на OKLch.