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

Вставте HEX-код (наприклад, #3B82F6) у поле вводу. RGB-значення з'явиться миттєво.

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

Введіть значення у форматі rgb(59, 130, 246). HEX-код та HSL-значення відобразяться автоматично.

HSL означає Hue (тон), Saturation (насиченість) та Lightness (світлість). Цей формат описує колір так, як його сприймає людина — можна легко змінювати яскравість чи насиченість, не зачіпаючи основний відтінок.

Чи підтримується скорочений запис HEX?

Так. Ви можете вводити скорочені коди на кшталт #f00 або #abc — вони будуть коректно розгорнуті та конвертовані.

Конвертер безкоштовний?

Так. ColourPicker.app повністю безкоштовний і не потребує реєстрації.

Чи працює конвертер на телефоні?

Так. Конвертер кольорів працює на будь-якому пристрої з сучасним браузером — комп'ютері, планшеті чи смартфоні.

Конвертер кольорів – HEX, RGB, HSL

Введіть або вставте колір у будь-якому форматі — HEX, RGB чи HSL — і миттєво отримайте значення у всіх трьох форматах. Скопіюйте потрібне одним кліком.

Enter a color

Paste or type a color to convert

Supports HEX, RGB, and HSL formats

Try an example

Інші інструменти

Picker

Вибір кольору

Завантажте зображення та натисніть, щоб витягти кольорові коди HEX, RGB та HSL.

HEXRGBHSLImage

Checker

Перевірка контрастності

Перевірте коефіцієнти контрастності кольорів за стандартами WCAG AA та AAA.

WCAGAAAAA

Generator

Генератор палітр

Створіть гармонійні кольорові палітри з будь-якого базового кольору.

HarmonyHSLHEX

Конвертація кольорів між HEX, RGB та HSL

Під час роботи з кольорами в різних інструментах — редакторах, браузерах, дизайн-програмах — часто потрібно переводити значення з одного формату в інший. Цей конвертер підтримує три найпоширеніші формати: HEX, RGB та HSL.

Інструмент автоматично визначає введений формат і показує еквіваленти у всіх трьох представленнях. Жодних перемикачів чи додаткових кроків — просто вставте значення й отримайте результат.

Підтримувані формати кольорів

HEX — наприклад, #3B82F6 або #f00 (скорочений запис)
RGB — наприклад, rgb(59, 130, 246)
HSL — наприклад, hsl(217, 91%, 60%)

Кожне вихідне значення відформатоване як готовий CSS-код, який можна одразу вставити у ваші стилі.

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

Введіть значення кольору у поле вводу — HEX, RGB або HSL
Формат визначається автоматично
Під полем вводу з'являться значення у всіх трьох форматах
Натисніть кнопку копіювання поруч із потрібним форматом

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

Перетворити HEX-код із макету в RGB для CSS
Отримати HSL-версію кольору, щоб налаштувати яскравість або насиченість
Перевести RGB із графічного редактора в HEX для HTML
Швидко перевірити, чи збігаються два кольори, записані у різних форматах

Коли використовувати HEX, RGB чи HSL

HEX — найкомпактніший формат, широко вживаний у CSS та HTML. RGB поширений у графічних редакторах та інструментах обробки зображень. HSL — найзрозуміліший для людини: він розділяє тон, насиченість і світлість, що спрощує ручне налаштування кольору.

Єдиного «найкращого» формату не існує. Використовуйте той, якого потребує ваш робочий процес, а коли треба переключитися — конвертер зробить це миттєво.

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

Як перетворити HEX на RGB?: Вставте HEX-код (наприклад, #3B82F6) у поле вводу. RGB-значення з'явиться миттєво.
Як конвертувати RGB у HEX?: Введіть значення у форматі rgb(59, 130, 246). HEX-код та HSL-значення відобразяться автоматично.
Що таке HSL?: HSL означає Hue (тон), Saturation (насиченість) та Lightness (світлість). Цей формат описує колір так, як його сприймає людина — можна легко змінювати яскравість чи насиченість, не зачіпаючи основний відтінок.
Чи підтримується скорочений запис HEX?: Так. Ви можете вводити скорочені коди на кшталт #f00 або #abc — вони будуть коректно розгорнуті та конвертовані.
Конвертер безкоштовний?: Так. ColourPicker.app повністю безкоштовний і не потребує реєстрації.
Чи працює конвертер на телефоні?: Так. Конвертер кольорів працює на будь-якому пристрої з сучасним браузером — комп'ютері, планшеті чи смартфоні.