KITIVERSE.LAB
ЛОКАЛЬНЫЙ ДВИЖОК // В БРАУЗЕРЕ

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

Мгновенно преобразуйте шестнадцатеричные коды цвета HEX (#RRGGBB) в RGB, HSL, HSV и CMYK. 100% расчет на стороне клиента без передачи данных.

ИНСТРУМЕНТ // HEX-TO-RGB ПРОВЕРЕНО OK // 0.0 мс

Таблица Быстрого Сравнения

Черный Цвет #000000 = rgb(0, 0, 0) = hsl(0, 0%, 0%)
Белый Цвет #FFFFFF = rgb(255, 255, 255) = hsl(0, 0%, 100%)
Чистый Красный #FF0000 = rgb(255, 0, 0) = hsl(0, 100%, 50%)
Чистый Зеленый #00FF00 = rgb(0, 255, 0) = hsl(120, 100%, 50%)
Чистый Синий #0000FF = rgb(0, 0, 255) = hsl(240, 100%, 50%)
Фирменный Изумрудный #10B981 = rgb(16, 185, 129)

Математическая Формула

R10=16⋅H1+H0,K=1−max⁡ ⁣(R255,G255,B255)R_{10} = 16 \cdot H_1 + H_0, \quad K = 1 - \max\!\left(\frac{R}{255}, \frac{G}{255}, \frac{B}{255}\right)

Перевод каждого двухсимвольного шестнадцатеричного байта цвета выполняется по основанию 16, а цветовая модель CMYK рассчитывается через вычитание максимальной цветовой компоненты.

Реклама

Обзор и Технические Особенности

Шестнадцатеричное представление цвета (HEX Color Code) является общепринятым индустриальным стандартом в веб-дизайне, верстке HTML/CSS и графических редакторах с момента зарождения интернета. Запись вида `#10B981` кодирует интенсивность красного (R), зеленого (G) и синего (B) каналов в диапазоне от 00 до FF (от 0 до 255 в десятичной системе счисления). Однако при разработке динамических анимаций, прозрачности, темных тем или подготовки макетов к полиграфической печати инженерам регулярно требуется перевод в форматы CSS `rgb()`, `hsl()` или полиграфический `cmyk()`.

Kitiverse HEX to RGB Converter выполняет мгновенное синтаксическое распознавание любых вариаций шестнадцатеричного кода: стандартных 6-значных (#RRGGBB), сокращенных 3-значных (#RGB), а также современных 8-значных (#RRGGBBAA) и 4-значных (#RGBA) с альфа-каналом прозрачности. Инструмент мгновенно генерирует эквиваленты во всех востребованных цветовых пространствах с функцией мгновенного копирования готовых CSS-свойств, ускоряя повседневную работу разработчиков и дизайнеров.

При работе с шейдерами WebGL, библиотеками Three.js и аппаратным рендерингом на Canvas разработчикам часто требуется нормализовать цветовые каналы в диапазон чисел с плавающей точкой от 0.0 до 1.0. Конвертер Kitiverse мгновенно рассчитывает как целочисленные значения RGB [0..255], так и нормализованные float-векторы `vec3(0.06, 0.72, 0.50)`, упрощая интеграцию с графическими 3D-движками.

Как преобразовать HEX код цвета в формат RGB или HSL

1

Введите или вставьте шестнадцатеричный код цвета в поле ввода (с символом # или без него).

2

Инструмент мгновенно валидирует синтаксис и отобразит цветной образец плашки.

3

Ознакомьтесь с автоматически рассчитанными значениями в форматах RGB, HSL, HSV и CMYK.

4

Нажмите кнопку «Копировать» рядом с требуемым форматом для вставки в CSS или дизайн-систему.

5

Используйте встроенную цветовую палитру для тонкой подстройки оттенка при необходимости.

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

Как работает сокращенный 3-значный HEX код вида #F0A?
Согласно спецификации CSS, каждый символ в трехзначном коде дублируется: #F0A полностью эквивалентен полноценному коду #FF00AA.
Что означают два последних символа в 8-значном коде вида #10B98180?
Два последних шестнадцатеричных символа определяют уровень непрозрачности (альфа-канал) от 00 (полная прозрачность) до FF (полная непрозрачность). Например, 80 шестнадцатеричное соответствует 128/255, то есть примерно 50% непрозрачности.
В чем разница между форматами RGB и CMYK?
Модель RGB является аддитивной (свет излучается экраном монитора) и используется в цифровых устройствах. Модель CMYK (Cyan, Magenta, Yellow, Key/Black) является субтрактивной (краска поглощает свет) и применяется в полиграфии и печати.
Распознает ли конвертер названия именованных цветов CSS (например, 'rebeccapurple')?
Да. Конвертер поддерживает как ввод кодов HEX, так и стандартных ключевых слов именованных цветов W3C CSS.
Требуется ли подключение к интернету для конвертации цвета?
Нет. Конвертация выполняется на 100% локально в изолированном JavaScript-окружении вашего веб-браузера.
Как скопировать значение в формате современного CSS Color 4?
Конвертер предоставляет готовые строки в современном синтаксисе CSS `rgb(16 185 129)` без запятых, готовые к использованию в новейших спецификациях стилей.
Как нормализовать значения RGB от 0 до 1 для шейдеров GLSL и Three.js?
Разделите каждое из значений каналов R, G, B на 255. Например, цвет rgb(16, 185, 129) в нормализованном векторном виде для WebGL запишется как vec3(0.063, 0.725, 0.506).
В чем разница между моделями HSL и HSV (HSB)?
В модели HSL параметр Lightness определяет светлоту от черного через чистый тон до чистого белого (50% = чистый цвет). В модели HSV параметр Value (Brightness) задает яркость, где 100% при 100% насыщенности дает чистый яркий цвет без перехода в белый.

Связанные Инструменты в Этом Разделе

Все инструменты категории «Цвет и Дизайн» →
Цвет и Дизайн →

Палитра Цветов и Eyedropper

Профессиональная палитра цветов и пипетка EyeDropper API. Мгновенная конвертация HEX, RGB, HSL, HSV, расчет относительной яркости и контрастности.

Цвет и Дизайн →

Проверка Контрастности Цветов WCAG

Проверьте соответствие текста критериям доступности WCAG 2.1 AA и AAA. Расчет коэффициента контрастности для фона и шрифта в памяти браузера.

Изображения и Графика →

Конвертер Форматов Изображений (WebP, PNG, JPG, SVG)

Конвертируйте изображения между WebP, PNG, JPEG, SVG, GIF и BMP прямо в браузере с настраиваемым цветом подложки для прозрачных альфа-каналов.

Документы и PDF →

Преобразование PDF в Оттенки Серого

Конвертируйте цветные документы PDF в оттенки серого (Grayscale) и монохромный Ч/Б режим для экономии тонера при печати и уменьшения размера файла.

Документы и PDF →

Конвертер PDF в Word (.docx)

Преобразуйте документы PDF в редактируемые файлы Microsoft Word (.docx) с сохранением параграфов, заголовков, форматирования шрифтов и структуры таблиц.

Документы и PDF →

Конвертер Word в PDF

Конвертируйте документы Microsoft Word (.docx) в стандартизированные файлы PDF с идеальным сохранением верстки, шрифтов, изображений и списков.

Неинституциональное уведомление:

Этот сервис предоставляется исключительно в ознакомительных и расчетных целях. Проверяйте критические расчеты.

KITIVERSE // COMMAND SEARCH
LOCAL INDEX
ESC

Введите запрос для поиска конвертеров и калькуляторов...

Start typing tool name, category, or file format.

    ↑ ↓ navigate ↵ operate
    100% In-Browser
    DISPATCH // TELEMETRY

    Feedback & Issue Report

    0 / 1000
    Telemetry stamp (URL, viewport, form-factor) attached automatically.

    Suggest a Scale Comparison

    Propose an intuitive real-world comparison

    All suggestions are reviewed for factual accuracy prior to publication.