HEX у RGB

Перетворіть колір HEX на RGB

HEX і RGB описують ті самі кольори у двох записах. Код HEX, як-от #8997BB, — це три пари шістнадцяткових цифр для червоного, зеленого й синього. RGB записує ті самі величини звичайними числами від 0 до 255: rgb(137, 151, 187).

Вставте код HEX, і конвертер поверне значення RGB. Воно потрібне в багатьох програмах для дизайну й діаграм, для додавання прозорості через rgba() і для коду, що працює з кольоровими каналами окремо.

Обчислення прості, але нудні: кожна пара переводиться з основи 16 в основу 10. 89 у hex — це 8×16 + 9 = 137.

Як користуватися перетворенням HEX у RGB

1. Введіть колір HEX, що починається з #, наприклад #8997BB. Без # інструмент не розпізнає код HEX і покаже помилку.
2. Надішліть, щоб конвертувати.
3. Скопіюйте значення RGB.

Приклади

Фірмовий барвінковий

Вхідні дані: #8997BB

Результат: rgb(137,151,187)

Лавандовий

Вхідні дані: #C6CDE5

Результат: rgb(198,205,229)

Скорочений запис із трьох цифр

Вхідні дані: #fa0

Результат: rgb(255,170,0)

Кожна цифра подвоюється: #fa0 — це #ffaa00.

Восьмизначний HEX з альфа-каналом

Вхідні дані: #8997BB80

Результат: rgba(137,151,187,0.5)

Рядок rgb() ігнорує альфа-канал, а рядок rgba() його зберігає: 80 у hex — це 128 з 255, тобто 0.5. Рядок HEXA потім показує #8997bb7f, бо 0.5 перетворюється назад на 127 (7f).

Усі формати одразу

Вхідні дані: #8997BB

Результат:

rgb(137,151,187)
hsl(223,27%,64%)
hsv(223,27%,73%)
rgba(137,151,187,1)
#8997bbff

Одне перетворення дає RGB, HSL, HSV, RGBA і восьмизначний HEXA, тож копіюйте той, який очікує ваша програма.

Типові сценарії

• Перетворення фірмових кольорів для дизайн-програм, що працюють з RGB.
• Запис кольорів rgba() з прозорістю в CSS.
• Задання кольорів у коді, діаграмах чи документах Office.
• Узгодження кольорів між програмами.
• Введення фірмових кольорів у програми, що приймають лише RGB, як-от деякі відеоредактори й офісні програми.
• Задання напівпрозорого накладання в CSS через rgba().
• Використання HSL, щоб отримати світліший чи темніший відтінок того самого кольору.

Поради та корисні нюанси

• Тризначний HEX, як-от #FFF, розгортається в #FFFFFF, тобто rgb(255, 255, 255).
• Щоб додати прозорість, використайте rgba(137, 151, 187, 0.5) для 50% непрозорості.
• Для всіх інших форматів (HSL, HSV тощо) скористайтеся конвертером кольорів. Щоб повернутися назад, — RGB у HEX.

Особливі випадки й обмеження

• Знак # обов'язковий. Сам 8997BB відхиляється.
• У результаті немає пробілів після ком. І rgb(137,151,187), і rgb(137, 151, 187) — коректний CSS.
• Недопустимі цифри (усе, крім 0–9 і A–F) дають помилку, а не здогадку.
• Чотиризначний скорочений запис з альфа-каналом (#f008) не підтримується; розгорніть його до восьми цифр.

Часті запитання

Як перетворити HEX на RGB?

Розділіть код HEX на три пари й переведіть кожну з основи 16 в основу 10. #FF8000 стає 255, 128, 0.

Чи HEX — це те саме, що RGB?

Вони описують ті самі кольори; HEX — це просто компактний шістнадцятковий запис значень RGB.

Що таке #000000 у RGB?

rgb(0, 0, 0), тобто чорний.

Чи може HEX містити прозорість?

Так, восьмизначний HEX додає альфа-канал останньою парою, наприклад #8997BB80.

Що означають значення HSL і HSV?

Обидва описують тон (кут кольору, 0–360), насиченість і або світлість (HSL), або яскравість (HSV). Зміна лише останнього числа дає світлішу чи темнішу версію того самого кольору.

Схожі інструменти

• RGB у HEX: Легко перетворюйте кольори RGB у HEX цим простим конвертером.
• Конвертер кольорів: Перетворіть колір у кілька інших форматів.
• Піпетка кольорів: Найпростіший спосіб обрати колір на колірному колі й отримати результат у будь-якому форматі.
• Шістнадцятковий конвертер: Перетворюйте текст на шістнадцятковий код і навпаки для будь-якого рядка.
• Оптимізатор зображень: Стискайте й оптимізуйте зображення до меншого розміру, зберігаючи високу якість.