← Инструменты
Дизайн и CSS
Создавайте цвета, адаптивные размеры и готовый к использованию CSS.
Цвет и доступность
- Конвертер цветовКонвертируйте цвета между HEX, RGB, HSL, HSV, CMYK и LAB — меняйте любое поле, а остальные обновятся на лету.Специализированные страницы (8)
- Проверка контрастностиВведите цвета текста и фона, чтобы узнать коэффициент контрастности по стандарту WCAG и проверить соответствие уровням AA и AAA.
CSS макеты и эффекты
- Генератор Box ShadowИспользуйте ползунки для настройки box-shadow, накладывайте слои для создания глубины и мгновенно копируйте готовый CSS.
- Генератор градиентовСоздавайте линейные, радиальные или конические градиенты, добавляйте опорные точки, настраивайте направление и копируйте готовый CSS в один клик.
- Генератор Border RadiusСкругляйте каждый угол ползунками, создавайте органичные формы в эллиптическом режиме и мгновенно копируйте CSS.
- Генератор FlexboxНастраивайте flex-контейнер и его элементы с помощью визуальных элементов управления, наблюдайте за изменениями в реальном времени и копируйте CSS в один клик.
- Генератор CSS GridЗадайте количество колонок и строк, выделите ячейки для размещения элементов и скопируйте готовый CSS-код вместе с HTML в один клик.
- Генератор CSS Cubic BezierПеретаскивайте маркеры для настройки кривой плавности, сравнивайте движение с линейным шаблоном и копируйте значение cubic-bezier().
- Калькулятор CSS clamp()Задайте размеры для малых и больших экранов и получите адаптивное значение clamp() для плавного масштабирования шрифтов, отступов и полей.
Анализ и лицензирование шрифтов
Экран, печать и пропорции
- Конвертер пикселей в сантиметры и DPIПереводите пиксели в дюймы, сантиметры и миллиметры при любом DPI/PPI — удобно как для веб-дизайна, так и для подготовки к печати.
- Калькулятор PPI экранаВведите разрешение и размер экрана, чтобы мгновенно узнать плотность пикселей, шаг пикселя, физические размеры и другие параметры.
- Конвертер px в rem и emКонвертируйте значения между px, rem и em с использованием собственных настроек базового и контекстного размеров шрифта.
В этой категории нет подходящих инструментов.