Инструменты для дизайна
Быстрые инструменты для фронтенд-разработки и визуального дизайна: готовый к копированию CSS и проверка доступности на основе формулы контрастности WCAG.
Инструментов: 7
Инструменты в этой категории
- Конвертер цветовПреобразуйте цвета между HEX, RGB, HSL, HWB, OKLCH и CMYK по простой формуле. Вставьте CSS-цвет или выберите его с помощью палитры, затем скопируйте нужный формат. Работает в браузере.
- Проверка контрастностиПроверьте контрастность текста и фона по WCAG 2.2, результаты AA и AAA для текста и элементов интерфейса, а также ближайший подходящий цвет.
- Генератор CSS-градиентовСоздавайте линейные, радиальные и конические CSS-градиенты с 2–6 цветовыми стопами, задавайте угол и положение, смотрите результат и копируйте CSS для фона.
- Генератор теней CSSСоздавайте многослойные тени CSS: настройте смещение, размытие, распространение, цвет, непрозрачность и внутреннюю тень. Предпросмотр на любом фоне и копирование CSS box-shadow.
- Генератор цветовых палитрСоздайте комплементарную, аналоговую, триадную, тетрадную или раздельно-комплементарную палитру и оттенки одного цвета. Закрепляйте цвета и копируйте HEX, CSS или JSON.
- Конвертер PX в REMПреобразуйте px в rem или em и обратно, задав размер корневого шрифта (по умолчанию 16px). Есть таблица распространённых размеров и преобразование значений px во фрагментах CSS.
- Калькулятор соотношения сторонРассчитайте недостающую ширину или высоту для любого соотношения сторон, сократите размеры, например 1920×1080 до 16:9, посмотрите результат и скопируйте правило CSS aspect-ratio.