Перейти к содержимому

Генератор Оттенков Прозрачности

Создаёт полную палитру оттенков из любого цвета с вариациями прозрачности.

Палитра оттенков
50#f7f7feКопировать
100#eff0feКопировать
200#e0e0fcКопировать
300#d0d1fbКопировать
400#c1c2f9Копировать
500#b1b3f8Копировать
600#a1a3f7Копировать
700#9294f5Копировать
800#8285f4Копировать
900#7375f2Копировать

Об этом инструменте

Генератор оттенков прозрачности — это утилита дизайна, которая создаёт полную цветовую палитру из одного базового цвета путём его смешивания на разных уровнях прозрачности. Вместо ручного расчёта того, как цвет выглядит при 10%, 30%, 50% и так далее, этот инструмент генерирует весь спектр мгновенно, что делает его идеальным для дизайнеров и разработчиков, создающих согласованные пользовательские интерфейсы.

Инструмент работает, беря ваш выбранный цвет и создавая вариации на установленных уровнях прозрачности—либо используя стандартное соглашение об именовании Tailwind (50–900), либо простые процентные шаги (10%–100%). Вы можете мгновенно скопировать любой образец как код hex или значение CSS rgba(), а затем вставить его прямо в ваши таблицы стилей. Это особенно ценно при проектировании кнопок, фонов, оверлеев и состояний наведения, которые все происходят из одного цвета бренда.

Часто задаваемые вопросы

Comments & Feedback

Comments are powered by Giscus. Sign in with GitHub to leave a comment.