Генератор CSS-градієнтів

Що допомагає робити цей інструмент

Створіть відтворювану колірну шкалу, перегляньте кожен згенерований крок і скопіюйте точну HEX-послідовність для CSS, діаграм або дизайн-токенів.

Приклад роботи

Як отримується результат

Кожен проміжний колір створюється лінійною інтерполяцією червоного, зеленого та синього каналів. Кінцеві кольори зберігаються, а решта кольорів розміщуються на рівних інтервалах.

Корисні сценарії

• Створення впорядкованих кольорів для діаграм або шкал теплових карт
• Побудова кольорів наведення та станів між двома дизайн-токенами
• Створення компактної палітри для фонового градієнта

Важливі обмеження

• Інтерполяція RGB може виглядати темнішою або бруднішою між деякими додатковими кольорами.
• Плавна палітра не є автоматично доступною для людей з дальтонізмом.
• Цей генератор створює рівномірно розподілені кольори RGB; він не претендує на перцептивну рівномірність.

Часті запитання

Чому середня точка може виглядати сірою або брудною?

Протилежні канали RGB можуть усереднюватися до нейтрального кольору. Додайте відповідний середній колір у багатокроковому CSS-процесі, якщо важлива візуальна насиченість.

Скільки кольорів слід генерувати?

Використовуйте найменшу кількість, яка відповідає потрібним станам або діапазонам даних; для безперервних фонів можна використовувати більше кроків.