Дизайн/Медиа · бесплатно

Конвертер цветов и градиентов

Введите HEX, RGB или HSL, чтобы получить эквиваленты во всех трёх форматах. Дополнительно инструмент собирает линейный CSS-градиент и показывает его прямо на странице.

Локальная обработка. Введённые данные остаются в этой вкладке и не отправляются на CPA.TG.
Цвета и CSS
Результат появится здесь.

Практика

Когда пригодится

  • Перенести цвет из макета в CSS.
  • Сверить HSL для дизайн-токенов.
  • Собрать фон рекламного превью.
Как пользоваться

Три шага

  1. Введите исходные данные.
  2. Выберите режим и запустите обработку.
  3. Проверьте и скопируйте результат.
Короткие ответы

Частые вопросы

Поддерживается ли короткий HEX?

Да. Форматы #RGB и #RRGGBB нормализуются в шестизначный HEX.

Как задаётся угол градиента?

Угол указывается в градусах CSS: 0deg направляет градиент вверх, 90deg — вправо.