Инструменты проектирования
Инструменты дизайна: цветовые палитры, преобразователи цветов, градиенты и пиксели в rem.
CSS-генератор Box ShadowГенерируйте тени CSS (box-shadow) с визуальным контролем. Скопируйте код. Бесплатно онлайн.
Генератор визитных карточекСоздайте простую визитную карточку. Имя, телефон, электронная почта. Скачать PDF. Бесплатно.
Генератор градиентов CSSСоздайте градиенты CSS для своего сайта. Линейный и радиальный. Скопируйте код. Бесплатно для дизайнеров.
Генератор изображений-заполнителейСоздавайте изображения-заполнители по размеру и цвету. Для макета. Бесплатно онлайн.
Генератор радиуса границыГенерирует border-radius и border-radius с 8 значениями. Визуализация и код готовы к копированию. Бесплатно.
Генератор случайных цветовГенерирует случайные шестнадцатеричные цвета. Палитры и идеи для дизайна. Бесплатно онлайн.
Генератор теней CSS (box-shadow)Создайте тени блоков CSS с предварительным просмотром в реальном времени и скопируйте код. Для дизайнеров и ра…
Генератор фавиконовСоздайте значки для вашего сайта из изображения. Несколько размеров. Загрузите .ico. Бесплатно онлайн.
Генератор цветовой палитрыСоздавайте случайные цветовые палитры и копируйте HEX-коды одним щелчком мыши. Для веб-дизайна и брендинга. Бе…
Изменить размер изображенияИзменение размера изображения. Ширина и высота в пикселях. Бесплатно онлайн.
Калькулятор соотношения сторонРассчитайте соотношение сторон (16:9, 4:3...) по ширине и высоте. Для видео, изображений и экранов. Бесплатно.
конвертер px в remПреобразует пиксели (px) в rem на основе базового размера шрифта. Для адаптивного CSS. Бесплатно онлайн.
Конвертер пикселей в CMПреобразуйте пиксели в сантиметры на основе DPI/DPI. Для дизайна и печати. Бесплатно онлайн.
Конвертер цветовПреобразует HEX, RGB, HSL и названия цветов. Визуальный селектор. Для дизайнеров. Бесплатно онлайн.
Конвертировать в WEBPКонвертируйте изображения в WEBP, JPG или PNG онлайн и бесплатно. Уменьшите вес веб-изображений без потери кач…
Сжать изображение онлайнСжимайте изображения JPG и PNG. Уменьшает вес при сохранении качества. Бесплатно и в браузере.
Симулятор дальтонизмаПроверьте, как выглядит цвет для людей с дальтонизмом (протанопия, дейтеранопия и тританопия). Доступность. Бе…
Средство проверки цветового контраста (WCAG)Проверьте коэффициент контрастности между двумя цветами и соответствует ли он стандартам WCAG AA и AAA по дост…