Про цей інструмент

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

Як користуватися

  1. Введіть HEX-код, значення RGB чи HSL або виберіть колір палітрою.
  2. Два інші формати й попередній перегляд оновляться автоматично.
  3. Для натхнення скористайтеся кнопкою «Випадковий колір», а потім «Копіювати HEX» або «Копіювати RGB».

Корисно знати

  • HEX — це шістнадцятковий запис RGB: #RRGGBB, де кожна пара має значення 00–FF (0–255 у десятковій системі).
  • Скорочений 3-значний запис, наприклад #0af, розгортається в #00aaff.
  • HSL описує колір через відтінок (0–360°), насиченість (0–100%) і світлість (0–100%).
  • HEX, RGB і HSL описують ті самі кольори sRGB, тож перетворення між ними не змінює колір.

Працює повністю у вашому браузері — нічого з того, що ви вводите, не завантажується й не зберігається.

Поширені запитання

Як перевести HEX у RGB?

Розділіть шість цифр на три пари й переведіть кожну пару з шістнадцяткової системи в десяткову. Наприклад, #1DB954 — це rgb(29, 185, 84).

Коли краще використовувати HSL замість HEX?

HSL дає змогу легко створювати світліші, темніші чи менш насичені варіанти кольору зміною одного числа, що зручно для дизайн-систем.

Чи втрачається точність кольору під час перетворення?

Значення HSL тут округлюються до цілих чисел, тож після зворотного перетворення канал може зміститися на один крок; видима різниця нехтовно мала.

Чи надсилається щось на сервер?

Ні. Усі перетворення відбуваються у вашому браузері.