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

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

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

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

Результат

Ця сторінка відкриває конвертер кольорів з уже вибраним вхідним форматом RGB — наберіть rgb(59, 130, 246) чи просто 59, 130, 246, запустіть і побачите колір як hsl(відтінок, насиченість, світлота).

Перетворення каналів у HSL робить із сирих чисел щось зрозуміле дизайнеру: збережіть відтінок і змінюйте світлоту для станів hover і disabled або поверніть відтінок, щоб отримати акцентні кольори — саме так будують сучасні CSS-дизайн-системи.

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

🛡️
Локальна безпека (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, щоб перевірити кольороподіл перед відправленням візитівок чи флаєрів у друк.
  • • Підберіть колір вбудованою піпеткою та скопіюйте всі чотири нотації одразу для передачі макета в код.