⭐ 0
🔍
Текст Зображення PDF та Документи Аудіо Музика Електросхемотехніка Час Корисні утиліти Валідатори Езотерика Ігри

Конвертер HEX у HSL

Перетворюйте будь-який колір між нотаціями HEX, RGB, HSL і CMYK з живим передпереглядом — прямо у браузері.

Опрацювання... 0%
Розбір значення кольору
Перетворення колірних просторів
Формування передперегляду
Готово

Результат

Ця сторінка відкриває конвертер кольорів з уже вибраним форматом HEX — вставте код на кшталт #3b82f6, запустіть і прочитайте той самий колір як hsl(відтінок, насиченість, світлота).

HSL описує колір через відтінок (0–360°), насиченість і світлоту, тож це найзручніша для людини CSS-нотація: затемніть кнопку, знизивши світлоту, або побудуйте палітру, змінюючи лише відтінок — такі правки цифрами HEX не виразити читабельно.

Повний конвертер приймає на вхід HEX, RGB чи HSL і повертає одразу всі чотири нотації, з вибором кольору піпеткою та живим зразком — усе відбувається у вашому браузері, тож значення кольорів не покидають пристрій.

🛡️
Локальна безпека (Browser)

Дані не залишають ваш пристрій. Конвертація відбувається на клієнті в межах браузера. Безпека гарантована.

Нюанси та Формати

  • Конвертація між колірними моделями HEX, RGB, HSL і CMYK.
  • Нативний піпетковий вибір кольору, що заповнює поле в обраному форматі.
  • Живий зразок кольору та копіювання всіх чотирьох нотацій одним кліком.

Наші переваги

✓ Один ввід — усі нотації: введіть колір раз і читайте його одночасно як HEX, RGB, HSL і CMYK.
✓ Поблажливий парсер: приймає #fff, #3b82f6, rgb(255, 0, 0), голі трійки «255, 0, 0» та hsl(120, 50%, 50%).
✓ Працює повністю у вашому браузері — значення кольорів нікуди не надсилаються.

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

  • • Перетворіть код #rrggbb із брендбука на нотацію rgb() чи hsl(), перш ніж прописувати в CSS стани hover і disabled.
  • • Конвертуйте екранний RGB-колір у відсотки CMYK, щоб перевірити кольороподіл перед відправленням візитівок чи флаєрів у друк.
  • • Підберіть колір вбудованою піпеткою та скопіюйте всі чотири нотації одразу для передачі макета в код.