Перейти к содержимому
Бесплатный инструментDesign

Преобразование цветовых кодов между всеми основными форматами

Введите цвет в любом поддерживаемом формате — HEX, RGB, HSL, HSB или CMYK — и инструмент мгновенно отобразит эквивалентное значение в любом другом формате. Живой образец позволяет предварительно просмотреть цвет, и каждое значение находится в одном щелчке мыши из буфера обмена. Используйте его для перевода цветов бренда между инструментами дизайна, CSS и спецификациями печати.

Используйте этот инструмент бесплатно

Browser tool

Color code converter

Convert between HEX, RGB, HSL, HSV, and CMYK color codes locally in your browser.

Readable text: black

Contrast vs black: 5.93:1 · vs white: 3.54:1

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

1

Введите значение цвета

Введите или вставьте цвет в любом поддерживаемом формате, например #FF5733, rgb(255, 87, 51) или hsl(11, 100%, 60%).

2

Просмотр конверсий

Все остальные поля формата обновляются автоматически. Образец предварительного просмотра показывает цвет вместе с информацией о контрастности.

3

Копировать или экспортировать

Щелкните любое значение, чтобы скопировать его, или загрузите карту цветов в формате PNG для документации и руководств по стилю.

Функции

1

Шесть цветовых форматов

Преобразование между именованными цветами HEX, RGB, HSL, HSB, CMYK и CSS. Введите значение в любое поле, и остальные мгновенно обновятся.

2

Предварительный просмотр цвета в реальном времени

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

3

Копирование в один клик

Щелкните любое значение цвета, чтобы скопировать его в буфер обмена. Небольшое всплывающее уведомление подтверждает копирование, поэтому вы можете немедленно вставить его.

4

Экспорт цветовой карты

Загрузите карточку PNG, показывающую образец со всеми его значениями формата. Используйте его в презентациях, руководствах по стилю или документации.

After this task

After this free tool, open Ai Enhance for the next AI editing workflow.

Continue with Ai Enhance

Технические характеристики

Поддерживаемые форматыHEX, RGB, HSL, HSB, CMYK, CSS с именем
Предварительный просмотрЖивой образец с коэффициентом контрастности
ЭкспортЦветная карта PNG
Альфа-поддержкаHEX8, RGBA, HSLA
Именованные цвета148 именованных цветов CSS
ОбработкаКлиентская сторона (без загрузки)

Related Magic Eraser Tools

Общие вопросы

Точно ли преобразование CMYK для печати?

+

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

Могу ли я вводить цвета с альфа-прозрачностью?

+

Да. Инструмент поддерживает 8-значные шестнадцатеричные коды, значения RGBA и HSLA. Альфа-канал сохраняется во всех преобразованиях, где его поддерживает формат.

В чем разница между HSL и HSB?

+

HSL (оттенок, насыщенность, яркость) и HSB (оттенок, насыщенность, яркость) используют одну и ту же ось оттенка, но определяют насыщенность и третий компонент по-разному. Инструмент выполняет преобразование между ними, поэтому вы можете работать с любой моделью, которую использует ваше дизайнерское приложение.

Вам нужно откорректировать цвет фотографии?

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

Попробуйте бесплатно

More free tools

Explore our other limited free edits after sign-in photo and image tools.

Создавайте красивые градиенты и экспортируйте их в формате CSS или изображений.

Создавайте линейные, радиальные и конические градиенты с несколькими цветовыми точками. Скопируйте код CSS или загрузите изображение в формате PNG. Никакой регистрации не требуется.

Преобразование HEX-кодов цветов в RGB и обратно.

Преобразуйте цветовые коды HEX в значения RGB и наоборот. Предварительный просмотр в реальном времени, копирование одним щелчком мыши и вывод фрагмента CSS. Регистрация не требуется — работает в вашем браузере.

Извлекайте точные цвета из любого изображения

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

Извлеките цветовую палитру из любой фотографии

Загрузите фотографию и извлеките 5–10 доминирующих цветов с помощью кодов HEX, RGB и HSL. Копируйте образцы, экспортируйте их как переменные ASE или CSS. Никакой регистрации не требуется.

Создавайте настраиваемые QR-коды для любого контента

Создавайте QR-коды для URL-адресов, текста, учетных данных Wi-Fi и визитных карточек. Настройте цвета, добавьте центральный логотип и загрузите его в формате PNG или SVG. Никакой регистрации не требуется.

Рассчитать размеры в пикселях для любого соотношения сторон

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