Конвертер цветов
Преобразуйте HEX, RGB и HSL с прозрачностью, смотрите образец цвета и копируйте готовые значения CSS.
Генератор теней CSS
Настройте смещение, размытие, расширение, цвет и непрозрачность внешней или внутренней тени CSS.
Предпросмотр
Об инструменте
Настройте смещение, размытие, расширение, цвет и непрозрачность внешней или внутренней тени CSS.
Как пользоваться
Меняйте настройки и смотрите предпросмотр. Внутренняя тень включает inset. Смещение и расширение могут быть отрицательными, размытие — нет. Размеры от -200 до 200 px, размытие от 0 до 200 px. Создаётся один слой box-shadow, который можно скопировать или скачать.
Связанные инструменты
Проверка контраста цветов
Проверьте контраст по WCAG 2.2 с образцом текста и отдельными оценками AA и AAA для обычного и крупного шрифта.
Генератор градиентов CSS
Создавайте линейные и радиальные градиенты с двумя–восемью цветовыми точками и копируйте CSS.
Калькулятор соотношения сторон
Сократите пропорции изображения или видео и вычислите подходящую ширину либо высоту для нового размера.
Комментарии
0