🎨 Дизайн и графика · 28 Tools · Free · No Signup
Дизайн и графика
Color tools, CSS generators, and visual design utilities for web developers and designers.
Browse by Tag
🎨
Featured Дизайн и графика
Top PicksГенератор теней от коробок
Создайте CSS-эффект тени для блока с визуальным предварительным просмотром и выводом кода.
Генератор CSS-стекломорфизма
Создайте эффект матового стекла с помощью CSS-фильтра backdrop-filter.
Проверка цветового контраста
Проверьте коэффициенты контрастности цветов на соответствие стандартам доступности WCAG.
Выбор цвета
Выбирайте цвета визуально и получайте значения в форматах HEX, RGB и HSL.
Генератор градиентов
Создавайте красивые CSS-градиенты с несколькими цветовыми точками.
All
All Дизайн и графика
28 toolsГенератор теней от коробок
Создайте CSS-эффект тени для блока с визуальным предварительным просмотром и выводом кода.
Генератор CSS-стекломорфизма
Создайте эффект матового стекла с помощью CSS-фильтра backdrop-filter.
Проверка цветового контраста
Проверьте коэффициенты контрастности цветов на соответствие стандартам доступности WCAG.
Выбор цвета
Выбирайте цвета визуально и получайте значения в форматах HEX, RGB и HSL.
Генератор градиентов
Создавайте красивые CSS-градиенты с несколькими цветовыми точками.
Генератор радиуса границы
Создайте CSS-свойство border-radius с визуальным предварительным просмотром углов.
Генератор CSS-кнопок
Разрабатывайте и создавайте CSS-кнопки с предварительным просмотром в реальном времени.
Выбор эмодзи
Найдите и скопируйте любой эмодзи из полного списка, насчитывающего более 3000 символов.
Конвертер HEX в RGB
Преобразовать шестнадцатеричные коды цветов в значения RGB.
Извлечение цвета изображения
Извлеките доминирующую цветовую палитру из любого изображения.
Преобразование изображения в ASCII-графику
Преобразуйте любое изображение в ASCII-графику. Регулируемая ширина и плотность символов.
Конвертер пикселей в REM
Преобразовать значения пикселей в единицы REM на основе размера шрифта.
Конвертер RGB в HEX
Преобразовать значения цветов RGB в шестнадцатеричные коды цветов.
Калькулятор соотношения сторон
Рассчитайте ширину, высоту или соотношение сторон для распространенных соотношений сторон (16:9, 4:3, 1:1 и т. д.).
Генератор CSS-анимаций
Создавайте CSS-анимации с помощью ключевых кадров визуально и скопируйте код.
Генератор CSS-контекстов для клип-патчей
Создавайте фигуры с помощью CSS-контекста обрезки с помощью визуального редактора.
Генератор нейроморфизма CSS
Создавайте мягкие элементы пользовательского интерфейса (неоморфные) с помощью CSS.
Песочница CSS Transform
Поэкспериментируйте с CSS-преобразованиями: вращение, масштабирование, искажение, смещение.
Симулятор дальтонизма
Смоделируйте, как ваши проекты будут выглядеть для людей с различными типами дальтонизма.
Генератор фавиконов
Создавайте текстовые значки для сайтов с настраиваемыми цветами и шрифтами.
Предварительный просмотр сочетаний шрифтов
Предварительно просмотрите комбинации шрифтов Google Fonts для ваших дизайн-проектов.
Инструмент предварительного просмотра шрифта
Просмотрите и сравните шрифты Google Fonts с пользовательским текстом и стилями.
Конвертер HSL
Преобразование между цветовыми форматами HSL, RGB и HEX.
Генератор изображений-заполнителей
Создавайте изображения-заполнители с заданными размерами и цветами.
Конвертер REM в PX
Преобразовать единицы измерения REM в значения пикселей на основе размера основного шрифта.
Генератор SVG-фигур
Создавайте SVG-фигуры с настраиваемыми свойствами и кодом.
Аннотатор скриншотов
Загрузите скриншоты и добавьте к ним аннотации в виде стрелок, рамок, текста и выделений.
Добавление водяного знака
Добавляйте текстовые или графические водяные знаки к своим фотографиям. Вся обработка происходит в браузере.
Безопасность и кодирование
21 tools — Password generators, hash functions, encoding tools, and security util...
Текст и письмо
32 tools — Text manipulation, formatting, counting, and conversion tools for writ...
Инструменты разработчика
37 tools — Code formatting, validation, conversion, and developer productivity to...
Математика и калькуляторы
22 tools — Mathematical calculations, unit conversions, financial calculators, an...
Генераторы и утилиты
20 tools — Random generators, fake data creators, and utility tools for various p...
Продуктивность и быт
22 tools — Personal productivity tools, timers, planners, and organizational util...
Сеть и веб-утилиты
15 tools — Browser information, network utilities, and web development testing to...
Игры и развлечения
37 tools — Browser-based games, tests, and interactive challenges. All run locall...
Логические игры
60 tools — Strategy, logic, and puzzle games to challenge your mind. All games ru...
Конвертация файлов
50 tools — Convert images, documents, data and media locally in your browser. No ...
Финансы и бюджет
8 tools — Financial calculators, budget planners, investment tools, and money ut...
Музыка и аудио
8 tools — Metronome, instrument tuner, chord generator, and music theory tools. ...
Здоровье и фитнес
9 tools — Health calculators, fitness tools, and wellness utilities to help you ...
Еда и питание
6 tools — Cooking measurements, nutrition calculators, diet planning tools, and ...
Карьера и бизнес
5 tools — Salary tools, invoice generators, freelance calculators, and business ...
Путешествия и география
5 tools — Time zones, jet lag calculators, travel budgets, and geography tools f...
Дом и быт
4 tools — Home improvement calculators, electricity costs, paint estimators, and...
Осознанность и здоровье
4 tools — Meditation timers, breathing exercises, mood tracking, and wellness to...
Родителям и детям
4 tools — Pregnancy calculators, baby sleep schedules, child growth tracking, an...
Финансы Израиля
4 tools — Israeli tax calculators, net salary (neto/bruto), Bituach Leumi, and l...
Экология и природа
4 tools — Carbon footprint, water usage, energy savings, and sustainability calc...
Творчество и искусство
4 tools — Story generators, color tools, writing aids, and creative prompts for ...
Учёба и наука
5 tools — GPA calculators, grade converters, study schedules, and academic tools...