Конвертер цветов HEX ↔ RGB ↔ HSL
Введите цвет в формате HEX, RGB или HSL — конвертер мгновенно обновляет все три формата одновременно. На вкладке HEX можно воспользоваться нативным выбором цвета в браузере. Кнопка «Копировать» рядом с каждым форматом копирует значение в буфер обмена. Незаменим для веб-разработчиков и дизайнеров.
Часто задаваемые вопросы
Что такое HEX-код цвета?
HEX-цвет — это шестизначное шестнадцатеричное значение (например, #1565C0), которое кодирует красный, зелёный и синий компоненты. Каждая пара символов от 00 до FF соответствует 0–255 в десятичной системе. HEX — самый распространённый формат в CSS и HTML.
В чём разница между RGB и HSL?
RGB описывает цвет через яркость красного, зелёного и синего каналов (0–255 каждый). HSL (оттенок, насыщенность, светлота) более интуитивен: оттенок — угол в 0–360°, насыщенность — интенсивность 0–100%, светлота — яркость 0–100%. HSL удобен при работе с дизайном.
Как перевести HEX в RGB?
Разделите 6-символьный HEX на три пары: первая — красный, вторая — зелёный, третья — синий. Переведите каждую пару из шестнадцатеричной в десятичную. Например, #1565C0 → R=21, G=101, B=192. Конвертер делает это автоматически.
Поддерживается ли трёхсимвольный HEX?
Да. Краткая запись #1AC эквивалентна #11AACC, где каждый символ удваивается. Конвертер принимает оба формата.
Где используются HEX-цвета?
HEX используется в CSS, HTML, SVG и большинстве дизайн-инструментов (Figma, Adobe XD, Photoshop). При разработке сайтов часто нужно переключаться между форматами — этот инструмент переводит все три сразу.