Инструменты для дизайна

Об этих инструментах

Все инструменты этого раздела (36) бесплатны, работают в браузере на любом устройстве и не требуют регистрации.

• Конвертер HEX в RGB: Конвертируйте HEX-коды цветов в RGB и смотрите тот же цвет в HSL, HSV, CMYK, OKLCH и его название.
• Конвертер RGB в HEX: Конвертируйте цвета rgb(…) в HEX-коды и во все остальные форматы.
• Конвертер HEX в HSL: Конвертируйте HEX-цвета в HSL и получите более светлые и тёмные оттенки.
• Проверка контрастности цветов: Проверьте цвета текста и фона по WCAG AA/AAA и получите ближайшие подходящие цвета.
• Симулятор дальтонизма: Посмотрите на изображение или свои цвета глазами людей с дальтонизмом.
• Генератор цветовых палитр: Создавайте цветовые схемы, закрепляйте понравившиеся цвета, извлекайте палитру из фото и проверяйте контраст текста.
• Генератор градиентного фона: Создавайте линейные, радиальные, конические и mesh-градиенты, выбирайте из галереи, копируйте CSS или скачивайте обои.
• Генератор глассморфизма: Создавайте карточки с эффектом матового стекла с живым предпросмотром и копируйте CSS.
• Генератор неоморфизма: Создавайте мягкие объёмные кнопки и карточки (soft UI) и копируйте CSS.
• Генератор CSS-узоров: Полоски, точки, сетки, шахматка, зигзаги и многое другое в виде фонов на чистом CSS или SVG.
• Генератор SVG-фигур: Звёзды, многоугольники, значки и вспышки в SVG или PNG.
• Генератор SVG-клякс: Случайные плавные формы-кляксы для фонов и иллюстраций в SVG или PNG.
• Генератор SVG-волн: Многослойные волны для разделителей разделов и фонов в SVG, PNG или CSS.
• Редактор пиксель-арта: Рисуйте пиксель-арт на сетке с зеркальным режимом, заливкой и отменой и скачивайте чёткий PNG.
• Генератор ASCII-арта: Превращайте текст в большие ASCII-буквы (много шрифтов) или фото в ASCII-арт.
• Генератор фавиконов и значков приложений: Все размеры значков из одного изображения: favicon.ico, Apple touch icon, значки Android и PWA, а также HTML-код.
• Предпросмотр фавикона: Посмотрите, как выглядит ваш значок во вкладках браузера (светлых и тёмных), закладках, результатах Google и на главном экране телефона.
• Конструктор баннеров для соцсетей: Создавайте баннеры для YouTube, LinkedIn, X и Facebook с точными размерами и отмеченными безопасными зонами.
• Рамка для аватара: Добавьте цветное кольцо и текст по дуге (например, HIRING или название мероприятия) вокруг фото профиля.
• Подбор шрифтовых пар: Отобранные пары шрифтов для заголовков и текста, включая арабские, с живым предпросмотром и CSS.
• Дизайнер QR-кодов: Оригинальные QR-коды: цвета, градиенты, формы точек и углов, логотип и рамка «Сканируй меня».
• Создание логотипа и генератор логотипов для бизнеса: Создайте простой логотип из названия, значка и ваших цветов и скачайте его как SVG или PNG.
• Генератор оттенков и тонов: Более светлые оттенки, тёмные тона и мягкие тона любого цвета с переменными CSS.
• Смешивание цветов: Смешивайте два цвета в любой пропорции и смотрите результат в HEX, RGB, HSL и OKLCH.
• Цветовой круг и гармонии: Комплементарные, аналоговые, триадные и другие цветовые схемы с цветового круга.
• Сетка контраста цветов: Проверьте все пары текста и фона в вашей палитре на соответствие WCAG сразу.
• Названия цветов CSS: Все 148 названий цветов CSS с кодами и ближайшее название для любого цвета.
• Kelvin в RGB (цветовая температура): Превратите цветовую температуру света (2700 K, 6500 K…) в цвет HEX и RGB.
• Генератор палитры Tailwind: Создайте шкалу цветов Tailwind CSS 50–950 из цвета вашего бренда для v3 или v4.
• Генератор палитры Material: Тональные палитры в стиле Material 3 и светлые и тёмные цветовые роли из одного исходного цвета.
• Генератор шкалы теней: Создайте набор согласованных теней блоков (уровни возвышения) в виде переменных CSS.
• Генератор шкалы цветов: Плавные переходы между двумя цветами для графиков, карт и градиентов.
• Генератор градиентного текста: Создавайте разноцветный градиентный текст на CSS или скачивайте его как прозрачный PNG.
• Извлечение цветов из изображения: Найдите основные цвета фото или логотипа и узнайте долю каждого.
• Проверка палитры для людей с дальтонизмом: Проверьте, различают ли люди с дальтонизмом цвета вашей палитры.
• Генератор случайных цветов: Случайные цвета: яркие, пастельные, тёмные или землистые, с названиями, кодами HEX и фиксацией.