Дизайн
Генератор CSS-градиентов
Создавайте градиентный фон, настраивайте цвета и угол и копируйте готовый CSS-код.
Открыть сервисПреобразуйте и смешивайте цвета, проверяйте контраст, создавайте градиенты и CSS-эффекты, экспортируйте готовые палитры.
Дизайн
Код и форматы
Дизайн
Создавайте градиентный фон, настраивайте цвета и угол и копируйте готовый CSS-код.
Открыть сервисДизайн
Переводите цвета между популярными форматами и копируйте готовые значения.
Открыть сервисДизайн
Создавайте радиальные градиенты и получайте готовый CSS-код фона.
Открыть сервисДизайн
Собирайте градиенты из нескольких цветовых точек и настраивайте направление.
Открыть сервисДизайн
Проверяйте читаемость текста и соответствие уровням WCAG AA и AAA.
Открыть сервисДизайн
Автоматически выбирайте светлый или тёмный текст для заданного фона.
Открыть сервисДизайн
Создавайте аналогичные, комплементарные и триадные сочетания цветов.
Открыть сервисДизайн
Смешивайте два цвета в выбранной пропорции и получайте точный результат.
Открыть сервисДизайн
Создавайте последовательность светлых и тёмных оттенков выбранного цвета.
Открыть сервисДизайн
Настраивайте смещение, размытие, насыщенность и цвет тени блока.
Открыть сервисДизайн
Создавайте и просматривайте тени текста с готовым CSS-кодом.
Открыть сервисДизайн
Настраивайте скругление каждого угла блока и копируйте CSS.
Открыть сервисДизайн
Настраивайте яркость, контраст, насыщенность, размытие и другие фильтры.
Открыть сервисДизайн
Создавайте эффект матового стекла с прозрачностью, размытием и рамкой.
Открыть сервисДизайн
Создавайте фоны из точек, линий, сетки и шахматного узора.
Открыть сервисДизайн
Создавайте волны и геометрические разделители секций для сайта.
Открыть сервисДизайн
Преобразуйте набор цветов в готовый блок пользовательских CSS-переменных.
Открыть сервисДизайн
Сохраняйте палитру в CSS, JSON, SVG или PNG для дальнейшей работы.
Открыть сервисНет. Базовые возможности инструментов доступны без аккаунта.
Нет. Выбранные файлы используются только для создания запрошенного результата и не сохраняются GGMet.
Практический предел зависит от размера файлов, выбранной операции и доступной памяти устройства.
GGMet
Выберите инструмент раздела «Цвета и оформление» для конкретной задачи. Преобразуйте и смешивайте цвета, проверяйте контраст, создавайте градиенты и CSS-эффекты, экспортируйте готовые палитры.
Выбранные файлы и введённые данные используются только для создания результата и не сохраняются GGMet.