Конвертер кольорів
Конвертуйте кольори між HEX, RGB та HSL із живим попереднім переглядом.
Пов'язані інструменти
Як користуватися Конвертер кольорів
- 01
Введіть колір у форматі HEX, наприклад #ff8800.
- 02
Миттєво побачите його конвертацію в RGB та HSL.
- 03
Скопіюйте потрібний вам формат.
Для чого це
Це конвертер кольорів для вебу та дизайну, який переводить колір між трьома найуживанішими форматами: HEX, RGB і HSL, із живим зразком, щоб ви точно бачили, з чим працюєте.
Це щоденний зв'язок між дизайном і кодом: підібрати колір бренду з макета до змінної CSS, перевести значення, яке дизайнер дав вам в одному форматі, у той, якого очікує ваш фреймворк, або знайти трохи світліший відтінок для стану наведення.
Усе працює у вашому браузері, тож це миттєво, і нічого з введеного нікуди не надсилається.
Чим відрізняються формати
Кожен формат описує той самий колір по-різному. HEX (як-от #ff8800) це компактна форма, яку використовують у CSS і HTML. RGB прямо задає канали червоного, зеленого і синього; саме так про колір «думають» екрани і код на кшталт canvas. HSL описує відтінок, насиченість і світлість, що набагато зрозуміліше, коли треба трохи змінити колір: змініть відтінок, щоб зсунути його по колу, або світлість, щоб зробити темнішим, не добираючи новий код вручну.
Як працює перетворення
Введіть значення HEX, і відповідники RGB та HSL миттєво оновляться, тож ви отримаєте саме той формат, якого очікує інструмент чи кодова база перед вами.
Що ще не охоплено
Наразі інструмент зосереджений на непрозорих кольорах у форматах HEX, RGB і HSL; підтримки альфа-каналу (прозорості) ще немає.
Поширені запитання
Які формати підтримуються?
HEX (#rgb або #rrggbb), RGB та HSL. Введіть значення HEX, і решта оновляться наживо.
Чи підтримується альфа-канал / прозорість?
Поки ні. Цей інструмент зосереджений на непрозорих HEX, RGB та HSL. Підтримку альфа-каналу можна додати пізніше.