Конвертер HEX в RGB
Преобразуйте HEX-коды цветов в 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 - Голубой, Пурпурный, Жёлтый, Чёрный - четырёхканальный формат для печати.
Как перевести HEX в RGB вручную
Цвет HEX - это всего лишь три пары шестнадцатеричных цифр (по основанию 16). Переведите каждую пару в десятичное число от 0 до 255.
- Разбейте 6-значный HEX на три пары: RR, GG, BB (символ # в начале уберите).
- Для каждой пары умножьте первую цифру на 16 и прибавьте вторую (A=10, B=11, … F=15).
- Три полученных числа - это значения красного, зелёного и синего.
Пример: #4F8AB2 → 4F = 4×16 + 15 = 79, 8A = 8×16 + 10 = 138, B2 = 11×16 + 2 = 178 → rgb(79, 138, 178).
Используйте этот инструмент из вашего ИИ-агента
Бесплатные 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"]
}
}
}Часто задаваемые вопросы
Часто используется вместе с: Получить цветовую палитру из фото · Выбор цвета изображения