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