Конвертер цветов
Преобразуйте HEX, RGB и HSL с прозрачностью, смотрите образец цвета и копируйте готовые значения CSS.
Генератор градиентов CSS
Создавайте линейные и радиальные градиенты с двумя–восемью цветовыми точками и копируйте CSS.
Об инструменте
Создавайте линейные и радиальные градиенты с двумя–восемью цветовыми точками и копируйте CSS.
Как пользоваться
Выберите тип, цвета и позиции, а для линейного градиента — угол. Добавляйте и удаляйте точки, наблюдая результат. Точки сортируются по позиции; совпадающие позиции создают резкую границу. Доступны 2–8 точек от 0 до 100 % и углы от -360 до 360 градусов. Радиальный градиент — эллипс по центру.
Связанные инструменты
Проверка контраста цветов
Проверьте контраст по WCAG 2.2 с образцом текста и отдельными оценками AA и AAA для обычного и крупного шрифта.
Генератор теней CSS
Настройте смещение, размытие, расширение, цвет и непрозрачность внешней или внутренней тени CSS.
Калькулятор соотношения сторон
Сократите пропорции изображения или видео и вычислите подходящую ширину либо высоту для нового размера.
Комментарии
0