🎨 Конвертер цветов – HEX · RGB · HSL · CMYK · Pantone

Об инструменте

Toolio's Color Converter позволяет визуально выбрать любой цвет, ввести HEX-код, указать значения R, G, B или H, S, L и мгновенно увидеть HEX, RGB, HSL и CMYK вместе с кнопками копирования в один клик. Поле HEX принимает коды из 3 или 6 знаков с символом # или без него; код из 3 знаков, например #f53, расширяется до #ff5533 при нажатии Enter или уходе из поля. Принимается также 8-значный код с прозрачностью, но его альфа-часть игнорируется. Неверный код помечается, а не игнорируется без предупреждения. Палитра из 5 оттенков показывает точный цвет плюс два более темных и два более светлых оттенка, всегда упорядоченных от темного к светлому. Также есть цветовая таблица из 12 оттенков при 7 уровнях яркости плюс строка серых цветов, позволяющая нажать на любой указанный HEX-код, чтобы загрузить его. Все работает на стороне клиента с помощью JavaScript — данные никогда не покидают браузер, что делает его безопасным для использования с цветами брендов или проектов, которые вы предпочитаете держать в секрете. Также отображается ближайший номер PANTONE Solid Coated для цвета (например, PANTONE 185 C) — удобная отправная точка, когда нужно перевести цвет экрана в печать. Также показываются значения CMYK, но как приблизительное представление на экране, а не как готовое к печати цветоделение — точные числа зависят от профиля вывода (US Web Coated SWOP, FOGRA39, Japan Color), поэтому уточните в типографии перед отправкой макета.

Как пользоваться

1. Используйте цветовой выборник или введите код HEX (например, #ff6b4a) в поле HEX.
2. В качестве альтернативы введите отдельные значения R, G, B (0–255) или H (0–360), S и L (0–100), чтобы начать с цвета RGB или HSL.
3. Просмотрите конвертированные значения HEX, RGB, HSL и CMYK — плюс ближайшее совпадение Pantone — в панели результатов конвертации.
4. Нажмите любую кнопку Копировать рядом с форматом, чтобы скопировать ее в буфер обмена.
5. Исследуйте пять образцов палитры оттенков ниже ввода, чтобы выбрать более светлый или темный оттенок.
6. Или прокрутите до цветовой таблицы и нажмите на любую метку HEX, чтобы загрузить этот цвет.

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

Этот цветовой конвертер бесплатен для использования?

Да, полностью бесплатно. Нет аккаунта, подписки или какого-либо типа платной стены.

Загружает ли он мои данные цвета на сервер?

Нет. Все преобразования происходят локально в вашем браузере с использованием JavaScript. Ничто не отправляется на любой сервер.

Работает ли цветовой конвертер в автономном режиме?

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

Какие форматы цветов он поддерживает?

Он преобразует между HEX (например, #ff6b4a), RGB (например, rgb(255, 107, 74)) и HSL (например, hsl(11, 100%, 65%)), а также показывает CMYK. вы можете ввести цвет как HEX-код, как значения R, G, B или как значения H, S, L, и все остальные форматы обновятся сразу.

Что такое функция палитры оттенков?

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

Показывает ли он ближайший цвет Pantone?

Да. Вместе с HEX, RGB и HSL, конвертер показывает ближайший PANTONE Solid Coated совпадение (например, PANTONE 185 C) с кнопкой копирования за один клик. Совпадение находится с использованием перцептуальной формулы CIEDE2000 цветовой разницы. Поскольку цвета Pantone определяются физически, а не по значениям экрана, совпадение sRGB является приблизительным ориентиром, а не точным чернилами.

Дает ли он значения CMYK?

Да, но рассматривайте их как приблизительное отображение на экране, а не как готовое к печати цветоделение. Конвертер использует стандартную некалиброванную формулу преобразования RGB в CMYK, которая не имеет за собой профиля ICC — реальные значения цветоделения зависят от вашего профиля вывода (US Web Coated SWOP, FOGRA39, Japan Color). Строка Pantone CMYK получена из приблизительного значения sRGB соответствующей краски, а не из лицензированных данных Color Bridge от Pantone, и многие плашечные цвета полностью выходят за пределы цветового пространства CMYK. Всегда уточняйте в вашей типографии перед отправкой макета.

Что произойдет, если я введу неверный HEX-код?

Поле HEX выделяется красной рамкой и коротким сообщением, а предыдущий цвет остается. Код из 3 знаков, например #f53, применяется при нажатии Enter или уходе из поля, а 8-значный код с прозрачностью (#RRGGBBAA) использует первые 6 знаков и игнорирует альфа-часть.

Есть ли цветовая таблица?

Да. Ниже результатов находится цветовая таблица из 12 оттенков при 7 уровнях яркости плюс строка серых цветов. Каждая ячейка помечена своим HEX-кодом, и при нажатии на нее цвет загружается в конвертер. В таблице содержатся только HEX-коды, а не названия цветов.

Загружает ли этот инструмент мои данные?

Нет. Всё выполняется прямо в вашем браузере, поэтому ваши данные никогда не покидают устройство — после загрузки страницы он работает даже офлайн.

Запущено 30 раз за последние 29 дней. Результат скопирован или загружен: 20% Измерено на наших собственных серверах, 2026-09-06–2026-10-05.