Конвертер цветов
Преобразуйте HEX, RGB и HSL с прозрачностью, смотрите образец цвета и копируйте готовые значения CSS.
Генератор CSS Grid
Настройте фиксированную или адаптивную сетку в живом предпросмотре и получите CSS и HTML.
Об инструменте
Настройте фиксированную или адаптивную сетку в живом предпросмотре и получите CSS и HTML.
Как пользоваться
Выберите число столбцов или автоматическое размещение по минимальной ширине. Настройте строки, интервалы, выравнивание и элементы. Меняйте ширину предпросмотра, затем экспортируйте CSS и HTML отдельно.
Ширина влияет только на предпросмотр. Фиксированная сетка: 1–12 строк и столбцов, интервалы 0–80 px, до 48 элементов. Дополните код своим содержимым и оформлением.
Связанные инструменты
Проверка контраста цветов
Проверьте контраст по WCAG 2.2 с образцом текста и отдельными оценками AA и AAA для обычного и крупного шрифта.
Генератор градиентов CSS
Создавайте линейные и радиальные градиенты с двумя–восемью цветовыми точками и копируйте CSS.
Генератор теней CSS
Настройте смещение, размытие, расширение, цвет и непрозрачность внешней или внутренней тени CSS.
Комментарии
0