Дизайн и стиль

Заполните весь экран любым цветом

Смешивайте белый, розовый и коричневый шум со звуками дождя, океана и ветра, чтобы создать индивидуальный звуковой фон для концентрации, сна или расслабления.

Создавайте настраиваемый цифровой дождь из падающих символов в стиле «Матрицы» с регулировкой цветов, скорости и наборов символов, а также полноэкранным режимом заставки.

Вычислите недостающие размеры по соотношению сторон. Введите соотношение и одну сторону, чтобы найти другую.

Сортируйте список цветов по различным критериям, таким как оттенок, насыщенность, яркость или значения RGB.

Рассчитайте средний цвет из нескольких входных цветов, используя различные режимы цветового пространства (RGB, LAB, LCH, HSL).

Применение эффекта фильтра сепии к изображениям с регулируемой интенсивностью

Округляет углы изображений с заданным радиусом. Создаёт фотографии с закруглёнными углами и прозрачным фоном.

Добавьте настраиваемые рамки к изображениям с сплошными, пунктирными, точечными или двойными стилями

Создавайте QR-коды со скруглёнными элементами и углами, настраиваемой степенью скругления и собственными цветами. Скачивайте в форматах PNG, JPG, WebP или SVG.

Создавайте QR-коды с логотипом в центре. Высокий уровень коррекции ошибок позволяет сканировать их даже при наличии логотипа. Скачивайте в форматах PNG, JPG, WebP или SVG.

Смешивайте цвета вместе для создания новых цветов.

Осветлите цвет на указанный коэффициент.

Затемните цвет на указанный коэффициент.

Генерируйте различные оттенки и тона из базового цвета.

Рассчитайте визуальную разницу между двумя цветами по формуле Delta E (ΔE) 2000. Сравнивайте цвета и измеряйте, насколько похожими или различными они кажутся человеческому глазу.

Проверяйте шестнадцатеричные коды цветов, определяйте тип формата и просматривайте подробную информацию о цвете со значениями RGB и HSL.

Генерируйте CSS фильтры для изображений с живым предварительным просмотром.

Генерируйте CSS backdrop фильтр с живым предварительным просмотром.

Рассчитайте и визуализируйте кривизну монитора по техническим характеристикам.

Генерируйте настраиваемые SVG заглушки с текстом, цветами и размерами для веб-разработки и дизайн-макетов.

Сравнивайте и конвертируйте степени твердости графитовых карандашей разных брендов и шкал (HB, числовая, Staedtler, Faber-Castell, Derwent).

Конвертируйте единицы длины CSS, включая пиксели (px), сантиметры (cm), миллиметры (mm), дюймы (in), пункты (pt) и пики (pc).

Интерактивный просмотр и справочник всех значений курсора CSS с живой демонстрацией