Інструмент для розробників

Конвертер кольорів

Конвертуйте колір між HEX, RGB і HSL із попереднім переглядом.

Конвертер кольорів Працює на вашому пристрої
  • Працює у вашому браузері — ваш текст нікуди не надсилається
  • Без реєстрації та квот, безкоштовно користуйтеся скільки завгодно

Як це працює

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

Чому варто знати HSL

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

Що він приймає

Три- або шестизначний hex із решіткою чи без неї, rgb() або rgba(), а також hsl() або hsla(). Альфа ігнорується, оскільки записується однаково в кожній нотації.

Запитання й відповіді

Конвертер кольорів — запитання

Чи обробляє він прозорість?

Значення альфа приймаються у вхідних даних, але не конвертуються, оскільки альфа записується однаково в кожній нотації.

Чи можна вставити назву кольору, наприклад red?

Наразі ні — вкажіть значення hex, rgb() або hsl().

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

Ні, конвертація відбувається на сторінці.