Впиши два и больше цветов через пробел
Эксклюзивно для ШУСШкольное ученическое самоуправление СОШ №94
Файл не уходит с устройства — всё считается в браузере
Градиент для CSS
Собирает готовое правило градиента из списка цветов — линейного под любым углом или радиального.
Здесь появится результат
Как пользоваться
Выбери вид и угол
Скопируй правило в CSS
Частые вопросы
Сколько цветов можно?
Сколько угодно, но больше трёх обычно выглядит грязно: переходы начинают спорить друг с другом.
Текст поверх градиента читается?
Проверь контраст отдельным инструментом. Градиент коварен: на тёмном краю текст читается, а на светлом исчезает.
Данные никуда не отправляются?
Нет. Всё считается прямо в браузере: страница работает и без интернета, а на сервер не уходит ни байта. Для ключей, токенов и выгрузок это важно.
Рядом пригодится
весь списокКонтраст цветовСчитает контраст двух цветов и говорит, проходит ли он по требованиям доступности. Для сайта, презентации и плаката.Конвертер цветовПереводит цвет между HEX, RGB и HSL и сразу считает контраст с белым и чёрным текстом — видно, какой шрифт положить на этот фон.Палитра из фотоДостаём из картинки главные цвета и отдаём их палитрой с кодами HEX — для презентации, сайта или подбора фона.