Конвертер цветов
Конвертируйте цвета между HEX, RGB, HSL и CMYK прямо в браузере. Бесплатная палитра цветов и конвертер, 100% приватно.
1
HEX
#00E695
RGB
rgb(0, 230, 149)
RGBA
rgba(0, 230, 149, 1)
HSL
hsl(159, 100%, 45%)
HSLA
hsla(159, 100%, 45%, 1)
HSV
hsv(159, 100%, 90%)
HSVA
hsva(159, 100%, 90%, 1)
CMYK
cmyk(100%, 0%, 35%, 10%)
CMYKA
cmyka(100%, 0%, 35%, 10%, 1)
Возможности
100% в браузере
Все преобразования цветов выполняются в вашем браузере. Ваши данные никогда не покидают ваше устройство.
Бесплатно и без регистрации
Никакой регистрации, никаких ограничений и скрытых платежей.
Мгновенные результаты
Конвертация в реальном времени по мере ввода — смотрите, как обновляется каждый формат.
Визуальная палитра цветов и экранная пипетка
Выбирайте цвета визуально во встроенной палитре или берите любой цвет со всего экрана одним кликом (Chrome/Edge на компьютере) — все форматы обновляются одновременно.
Как работает конвертер цветов?
- Выберите исходный формат — HEX, RGB, HSL или CMYK — и введите значение цвета в соответствующее поле.
- По мере ввода конвертер мгновенно показывает ваш цвет во всех остальных поддерживаемых форматах.
- Выбирайте цвет в визуальной палитре, кликая по спектру или вводя значения напрямую.
- Используйте функцию «Взять с экрана» (Chrome/Edge на компьютере), чтобы одним кликом захватить любой видимый на экране цвет.
- Скопируйте любое сконвертированное значение в буфер обмена одним кликом — оно готово к вставке в CSS или дизайн-инструмент.
- Экспериментируйте смело — ToolsMio всё обрабатывает в вашем браузере, поэтому ваши цветовые данные остаются приватными.
Типичные сценарии использования
Веб-дизайн и CSS
Конвертируйте цвета HEX в RGB или HSL для CSS-свойств вроде rgba() и hsla(), поддерживающих прозрачность. ToolsMio делает переключение между форматами мгновенным.
Соблюдение фирменного стиля
Обеспечивайте единообразие фирменных цветов на всех платформах, конвертируя между форматами HEX, RGB и CMYK, которые используются в разных инструментах дизайна и печати.
Доступность и проверка контрастности
Конвертируйте цвета в HSL, чтобы лучше анализировать светлоту и насыщенность для соответствия требованиям контрастности WCAG. Сочетайте с инструментами проверки коэффициента контрастности, чтобы создавать доступный дизайн.
Передача дизайна между платформами
Разработчики и дизайнеры часто используют разные цветовые форматы. Быстро конвертируйте между ними, чтобы устранить разрыв между HEX-значениями из Figma и RGB-значениями в коде.
Что нужно знать о преобразовании цветов?
- ✓ HEX и RGB описывают один и тот же цвет в разных записях: HEX — это сокращённая запись RGB-значений в шестнадцатеричном виде. ToolsMio конвертирует между ними без потерь.
- ✓ HSL (тон, насыщенность, светлота) зачастую удобнее для настройки цветов, поскольку каждый канал соответствует свойству, воспринимаемому человеком.
- ✓ CMYK применяется в основном для печати. Цвета могут выглядеть по-разному на экране и в печати из-за различий в цветовых охватах пространств RGB и CMYK.
- ✓ Всегда проверяйте коэффициент контрастности, выбирая цвет текста на фоне. WCAG 2.1 требует минимум 4.5:1 для обычного текста и 3:1 для крупного.
- ✓ При использовании rgba() в CSS значение альфа-канала изменяется от 0 (полная прозрачность) до 1 (полная непрозрачность), что даёт точный контроль над прозрачностью элементов.
Часто задаваемые вопросы
Отправляются ли мои данные на сервер?
Нет. Все преобразования цветов полностью выполняются в вашем браузере с помощью JavaScript. Никакие данные не загружаются и не отправляются ни на какой сервер. Когда вы вводите HEX-код или выбираете цвет, ваш браузер локально вычисляет эквивалентные значения RGB, HSL и CMYK без каких-либо сетевых запросов. Это значит, что ваши цветовые решения остаются полностью приватными — с нашей стороны ничего не записывается, не сохраняется и не анализируется. Даже если вы работаете с фирменными цветами бренда или конфиденциальными дизайн-системами, вы можете спокойно использовать ToolsMio, зная, что ваши данные остаются на вашем устройстве. Инструмент работает офлайн после загрузки страницы, поэтому вы сможете продолжать конвертировать цвета даже без интернета. Ваша приватность — наш приоритет.
Какие форматы цветов поддерживаются?
ToolsMio поддерживает преобразование между четырьмя основными форматами цветов: HEX, RGB, HSL и CMYK. HEX — стандартное сокращение, используемое в CSS и HTML: цвет записывается шестизначным кодом вроде #FF5733. RGB (красный, зелёный, синий) выражает цвет тремя числовыми значениями от 0 до 255 и широко применяется в программировании и цифровом дизайне. HSL (тон, насыщенность, светлота) предлагает более интуитивный способ описания цветов, основанный на человеческом восприятии: так проще создавать цветовые вариации, регулируя светлоту или насыщенность. CMYK (голубой, пурпурный, жёлтый, чёрный) — цветовая модель, используемая в профессиональной печати и графическом дизайне. Поддерживая все четыре формата, ToolsMio устраняет разрыв между дизайном для экрана и печатным производством, гарантируя, что ваши цвета остаются одинаковыми на любом носителе и на любом этапе работы.
Как конвертировать HEX в RGB?
Конвертировать HEX в RGB с помощью ToolsMio очень просто. Вставьте или введите HEX-код цвета в поле ввода — например, #00E5A0 — и соответствующие значения RGB появятся мгновенно. Инструмент разбирает шестизначный HEX-код, разделяя его на три пары, которые соответствуют красному, зелёному и синему каналам, и переводит каждую пару из шестнадцатеричной записи в десятичный эквивалент. Также можно выбрать цвет визуально во встроенной палитре вместо ввода кода. Просто кликните по цветовому спектру или введите конкретные значения — все форматы обновятся в реальном времени. Если вам удобнее другой исходный формат, введите значения RGB, HSL или CMYK напрямую, и рядом появится HEX-эквивалент. Любой результат можно скопировать в буфер обмена одним кликом и сразу использовать в CSS или дизайн-инструментах.
Есть ли в инструменте палитра цветов?
Да! В ToolsMio встроена полностью интерактивная визуальная палитра, с которой подбирать и изучать цвета очень легко. Кликните в любом месте цветового спектра, чтобы выбрать тон, а затем настройте светлоту и насыщенность с помощью ползунков. Когда вы перемещаете курсор по палитре, все четыре цветовых формата — HEX, RGB, HSL и CMYK — обновляются в реальном времени, поэтому вы точно видите, как один и тот же цвет представлен в разных системах. Это особенно удобно, когда нужно воспроизвести конкретный цвет из дизайн-макета или фотографии. Можно также уточнить выбор, введя точные значения напрямую в любое из полей формата. Палитра работает полностью в вашем браузере без обращения к серверу, обеспечивая мгновенную обратную связь и полную приватность, пока вы экспериментируете с цветовыми сочетаниями для своих проектов.
Можно ли взять цвет из любой точки экрана?
Да. Нажмите кнопку «Взять с экрана» рядом с полем HEX, чтобы активировать экранную пипетку — она поддерживается в Chrome и Edge на компьютерах. Курсор превратится в лупу, которая может взять образец любого пикселя на всём экране — из других вкладок браузера, других приложений, фотографий и всего, что видно, — без создания или загрузки скриншота. Одного клика достаточно — взятый цвет мгновенно заполнит все поля форматов (HEX, RGB, HSL, CMYK и другие). В браузерах, которые пока не поддерживают EyeDropper API, например Firefox и Safari, кнопка автоматически скрывается, и вы можете просто вставить HEX-код или воспользоваться визуальной палитрой. Выбор цвета с экрана происходит полностью на вашем устройстве — изображение никогда не отправляется на сервер, не сохраняется и не передаётся, поэтому процесс остаётся полностью приватным.