Конвертер HEX в RGB

Преобразуйте HEX-коды цветов в RGB значения за считанные секунды. Идеально подходит для дизайнеров и разработчиков.

В браузере Обновлено 05/2026

Вставьте HEX-код, передвигайте ползунки RGB или HSL либо используйте визуальный выбор цвета, чтобы в реальном времени переводить цвет между HEX, RGB, HSL и CMYK.

Выбрать цвет визуально
HEX
Вставьте HEX-код из 3 или 6 символов, с # или без.
RGB
HSL
CMYK
%
%
%
%
CMYK - печатное цветовое пространство; значения вычисляются из RGB и округляются до целых процентов.
Что такое конвертер цветов?

Конвертер цветов переводит один и тот же цвет между форматами, используемыми в вебе, дизайне и полиграфии. Один оттенок синего можно записать как #4F8AB2, rgb(79, 138, 178), hsl(207, 38%, 50%) или cmyk(56%, 22%, 0%, 30%) - форматы разные, но цвет один.

Справка по цветовым форматам
  • HEX - 6-символьный шестнадцатеричный код, применяется в CSS и дизайн-инструментах, например #4F8AB2.
  • RGB - Каналы Красный, Зелёный и Синий от 0 до 255 - используются в CSS и большинстве API.
  • HSL - Оттенок (0-360), Насыщенность (%) и Яркость (%) - удобнее для визуальной правки.
  • CMYK - Голубой, Пурпурный, Жёлтый, Чёрный - четырёхканальный формат для печати.

Используйте этот инструмент из вашего ИИ-агента

Бесплатные JSON API и сервер Model Context Protocol (MCP). Без регистрации, без API-ключа, CORS открыт. Создано для Claude, ChatGPT, Cursor, скриптов и фронтенд-приложений.

curl -X POST https://mate.tools/api/v1/color-convert.php \
  -H "Content-Type: application/json" \
  -d '{"color":"#FF5733"}'
import urllib.request, json

req = urllib.request.Request(
    "https://mate.tools/api/v1/color-convert.php",
    data=json.dumps({"color":"#FF5733"}).encode(),
    headers={"Content-Type": "application/json"},
)
with urllib.request.urlopen(req) as r:
    print(json.load(r))
const r = await fetch("https://mate.tools/api/v1/color-convert.php", {
    method: "POST",
    headers: { "Content-Type": "application/json" },
    body: JSON.stringify({"color":"#FF5733"}),
});
console.log(await r.json());

Добавьте в claude_desktop_config.json (Claude Desktop), ~/.cursor/mcp.json (Cursor) или любой другой MCP-совместимый клиент:

{
  "mcpServers": {
    "mate-tools": {
      "command": "npx",
      "args": ["-y", "@mate-tools/mcp-server"]
    }
  }
}
Документация API OpenAPI 3.1 npm 60 запр./мин · 600 запр./час · тело макс. 1 МБ

Часто задаваемые вопросы

Разделите HEX на три пары и переведите каждую из шестнадцатеричной системы в десятичную. Для #4F8AB2: 4F = 79, 8A = 138, B2 = 178 → rgb(79, 138, 178). Конвертер делает это автоматически.

HEX, RGB и HSL описывают один и тот же RGB-цвет в разной нотации: HEX компактен, RGB задаёт каналы напрямую, HSL удобен для настройки оттенка, насыщенности и яркости. CMYK - отдельное четырёхканальное пространство для печати; вычисляется из RGB и может не совпадать с экранными цветами.

Да. 3-значные HEX - это сокращение, в котором каждая цифра удваивается: #FA0 равен #FFAA00. Конвертер принимает оба варианта, с # и без.

Экраны используют аддитивный RGB, печать - субтрактивный CMYK, и далеко не каждому RGB-цвету соответствует точный CMYK. Профессиональные программы учитывают профили бумаги, краски и принтера - значения здесь являются математическим переводом и служат точкой отсчёта.

Каналы RGB ограничиваются диапазоном 0-255, насыщенность и яркость HSL - 0-100%. Оттенок задаётся в диапазоне 0-360 градусов. Значения вне диапазона приводятся к допустимым, после чего обновляются все остальные форматы.