Генератор відтінків кольору
Генеруйте 11 відтінків та тонів із будь-якого базового кольору з експортом у CSS, Tailwind, SCSS та JSON.
:root {
--color-50: #1e417b;
--color-40: #234e94;
--color-30: #295bac;
--color-20: #2f68c5;
--color-10: #3575dd;
--color: #3b82f6;
--color-10: #4f8ff7;
--color-20: #629bf8;
--color-30: #76a8f9;
--color-40: #89b4fa;
--color-50: #9dc1fb;
}Про генератор відтінків кольору
Генератор відтінків кольору створює повну 11-ступеневу шкалу темних та світлих відтінків із будь-якого базового кольору. Темні відтінки створюються змішуванням із чорним, а світлі — з білим. Результат — професійна кольорова шкала, аналогічна вбудованим палітрам Tailwind CSS.
Як використовувати
Введіть HEX-код кольору або використовуйте палітру. Інструмент миттєво генерує 5 темних та 5 світлих відтінків разом із оригінальним кольором. Натисніть на будь-який зразок для копіювання HEX-значення. Використовуйте панель експорту для завантаження шкали у форматі CSS, Tailwind, SCSS або JSON.
Типові сценарії використання
- Створення повних кольорових палітр для дизайн-систем
- Генерація користувацьких кольорових шкал Tailwind CSS
- Побудова доступних кольорових систем UI із достатнім контрастом
- Проєктування варіантів темного режиму для фірмових кольорів
- Експорт кольорових токенів для дизайн-систем CSS або SCSS