Выбор цвета
Выберите цвет и конвертируйте его в любую нужную нотацию — HEX, RGB, RGBA, HSL, HSLA, HSV/HSB и CMYK — для использования в коде, инструментах дизайна и печати.
Ввод
Выберите цвет или введите значение HEX напрямую.
Вывод
| Формат | Значение |
|---|---|
| No data yet | |
Другие способы использовать этот инструмент
REST API
curl -X POST https://api.iotools.cloud/v1/tool/color-picker \
-H "Authorization: Bearer YOUR_API_KEY" \
-H "Content-Type: application/json" \
-d '{
"color": "#FF0000"
}'Подставьте свой собственный ключ из аккаунта. Поля инструмента — это тело запроса, без обёртки.
Спросите у ИИ-агента
Use the IOTools `color-picker` tool (Color Picker) on this input:
YOUR_INPUT_HEREВставьте это любому агенту, подключённому к MCP-серверу IOTools, и добавьте свой ввод.
Виджет для встраивания
<iframe
src="https://iotools.cloud/embed/color-picker/"
width="100%" height="520" frameborder="0" scrolling="no" loading="lazy"
title="Выбор цвета — iotools.cloud"
sandbox="allow-scripts allow-forms allow-same-origin allow-downloads allow-popups allow-popups-to-escape-sandbox"
allow="clipboard-write"
style="width:100%;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden"></iframe>
<script src="https://iotools.cloud/embed.js" async></script>Вставьте это на свою страницу — бесплатно, без ключа, нужна лишь обратная ссылка.
| Стоимость вызова API/MCP | От 5 кредитов |
|---|---|
| Нужно больше кредитов? | Посмотреть тарифы |
Также доступно через
Руководства
Выбор цвета позволяет вам выбрать любой цвет и мгновенно увидеть его выраженным в каждой нотации, которая вам, вероятно, понадобится для кода, инструментов дизайна или печати: HEX, RGB, RGBA, HSL, HSLA, HSV/HSB и CMYK. Выберите оттенок с помощью встроенной цветовой палитры или введите значение HEX напрямую, и таблица преобразования обновляется во время работы.
Почему так много форматов?
Различные инструменты и форматы файлов требуют цвета в разных нотациях, и они не могут быть взаимозаменяемы без преобразования:
- HEX (
#464AFF) — это сокращение, используемое почти везде в интернете — CSS, HTML и инструменты дизайна. - RGB (
rgb(70, 74, 255)) и RGBA (с каналом альфа/прозрачности) — это значения, которые CSS, API canvas и большинство графических библиотек используют под капотом. - HSL (
hsl(239, 100%, 64%)) и HSLA описывают цвет как оттенок, насыщенность и светлоту — наиболее интуитивная модель для ручной корректировки цвета («сделать немного светлее» — это просто увеличить L), распространена в системах дизайна и пользовательских свойствах CSS. - HSV/HSB (оттенок, насыщенность, значение/яркость) — это модель, используемая большинством инструментов выбора цвета в редакторах изображений, таких как Photoshop и GIMP.
- CMYK (голубой, пурпурный, жёлтый, чёрный/ключ) — это субтрактивная модель, используемая в производстве печати — если вы отправляете дизайн на печать, типография захочет CMYK, а не RGB.
Наличие всех семи нотаций рядом означает, что вам никогда не придется искать отдельный конвертер, когда вам дают цвет в одном формате, а нужен он в другом.
Как использовать
- Нажмите на цветовую палитру, чтобы открыть встроенный в браузер выбор цветов, или введите HEX-код (с
#или без) прямо в поле. - Таблица мгновенно обновляется, показывая тот же цвет в нотации HEX, RGB, RGBA, HSL, HSLA, HSV и CMYK.
- Скопируйте значение из любой строки таблицы или используйте кнопки копирования/скачивания карточки вывода, чтобы получить всю таблицу в виде CSV.
Принимаются как трёхзначная краткая нотация HEX (#abc), так и полная шестизначная (#aabbcc); краткая нотация нормализуется в её шестизначный эквивалент перед преобразованием.
Часто задаваемые вопросы
Почему мои проценты HSV и HSL отличаются для одного и того же цвета? HSL и HSV — это два разных математических модели, построенные на одних и тех же значениях RGB — они используют одинаковый угол оттенка, но рассчитывают насыщенность по-разному, и «светлота» HSL — это не то же самое, что ось «значение/яркость» HSV. Обе корректны; какую выбрать, зависит от того, с каким инструментом или стандартом вы работаете.
Почему CMYK — это приближение?
Преобразование RGB→CMYK использует стандартную наивную формулу (K = 1 - max(R,G,B)/255, затем выводя C/M/Y из неё) — ту же базовую линию, которую используют большинство онлайн-конвертеров. Реальный печатный вывод также зависит от профиля красок вашего принтера и сорта бумаги, поэтому рассматривайте значения CMYK как близкую оценку, а не гарантированное совпадение при печати.
Имеет ли канал альфа в RGBA/HSLA какое-то значение?
Выбор цвета всегда выводит полную непрозрачность (1), так как обычная цветовая палитра не имеет концепции прозрачности — строки RGBA/HSLA просто дают вам правильный синтаксис, готовый к редактированию, если вам нужно конкретное значение альфа.
Конфиденциальность
Все преобразования цветов происходят локально в вашем браузере — выбранный вами цвет никогда не отправляется на сервер и не регистрируется где-либо.