Как да създадете палитра с цветови преход
Изберете начален и краен цвят, като въведете код или изберете в палитрата за цвят, и колко нюанса искате между тях, от 3 до 12. Междинните цветове се изчисляват в цветово пространство, което имитира човешкото зрение (OKLab), така че стъпките между нюансите изглеждат равномерни и в средата не се получават мръсни сиви.
Палитра с преход или плавен преход
Този инструмент ви дава отделни цветове, всеки с код, които използвате един след друг: в скала на Tailwind, в графики, в презентация или в секции на сайт. Ако ви трябва фон, който плавно преминава от един цвят в друг, използвайте генератора на CSS преходи.
Често задавани въпроси
Какво е палитра с цветови преход?
Това е редица цветове, които постепенно преминават от един цвят в друг. Например от розово към лазурно в 7 стъпки. Всеки цвят има собствен HEX код и може да се използва самостоятелно.
Колко цвята може да има палитрата?
От 3 до 12. С малко цветове скоковете са по-изразени; с много преходът е по-нежен и имате повече нюанси за избор.
В какви формати мога да я експортирам?
В CSS променливи с готов преход, списък с HEX кодове, конфигурация за Tailwind, JSON, SVG или изображение PNG. Можете също да я отворите в генератора на палитри и да продължите да я редактирате.
Защо междинните нюанси не изглеждат сиви?
Защото смесването се изчислява в OKLab, цветово пространство, създадено според човешкото зрение. Директното смесване в RGB между противоположни цветове, например розово и зелено, минава през мътни тонове; в OKLab преходът е по-чист и по-равномерен.
Мога ли да споделя палитрата си?
Да. Адресът на страницата пази двата цвята и броя нюанси, така че е достатъчно да го копирате и изпратите.
Каква е разликата спрямо генератора на преходи?
Генераторът на преходи създава плавен фон в CSS. Този инструмент ви дава отделни цветове, които лежат между два цвята, за да можете да ги използвате един след друг.
Безплатно ли е?
Да, без регистрация и без ограничения. Любимите си преходи можете да запазите със сърцето; те ще останат запазени в този браузър.