Колір → дизайн-система
Введіть один колір і автоматично згенеруйте палітру, градієнт і перевірку контрастності AA/AAA.
Колір → дизайн-система — Зʼєднаний колірний конвеєр: один HEX надходить до генератора палітри, чиї базовий і додатковий кольори одночасно живлять перевірку контрастності (AA/AAA) та конструктор CSS-градієнтів. Оберіть один колір і отримайте цілу дизайн-систему.
Включені інструменти
Конвертер кольорів
Перетворюйте кольори між HEX, RGB та HSL із попереднім переглядом у реальному часі.
Генератор кольорової палітри
Створюйте відтінки, тони та гармонійні кольори з одного базового HEX-кольору, кожен із копійованим HEX-значенням.
Перевірка контрастності кольорів
Перевірте коефіцієнт контрастності WCAG між HEX-кольором тексту й фону та дізнайтеся, чи проходить він AA і AAA для звичайного й великого тексту.
Генератор CSS-градієнтів
Створіть лінійний, радіальний або конічний CSS-градієнт із власними кольоровими переходами та кутом, переглядайте результат у реальному часі й копіюйте готове правило background.