HEX RGB HSL конвертер кольорів

Конвертуйте кольорові значення CSS між форматами HEX, RGB і HSL з прямим переглядом та готовим до копіювання вихідним.

Все працює локально в вашому браузері.

Значення CSS

Конвертуйте вставлені кольори в готові до копіювання CSS-значення для таблиць стилів, компонентів і токенів дизайну.

Передача дизайну

Переміщайтеся між специфікаціями HEX, значеннями RGB зі знімків екрана та налаштуваннями HSL без відкриття програми для дизайну.

Приватна локальна обробка

Конвертер використовує лише рідний JavaScript браузера. Немає кінцевої точки завантаження або конвертації на стороні сервера.

Пов'язані інструменти кольору

Вибір кольору із зображення
Виберіть значення HEX, RGB і HSL із завантажених або вставлених зображень.
Конвертер кольорів CSS
Конвертуйте кольори HEX, RGB, HSL, HSV і CMYK.
Генератор палітри кольорів із зображення
Виберіть точний колір із локального зображення.
Перевірка контрастності кольорів WCAG
Перевірте коефіцієнт контрастності доступності та стандарти AA/AAA.
EXR HDR у PNG
Застосуйте явну експозицію, гамму або рендеринг зі сценічно-лінійного в sRGB для каналів OpenEXR.

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

Чи завантажується значення мого кольору?

Ні. Конвертація HEX, RGB і HSL виконується за допомогою JavaScript у вашому браузері. Введені вами значення кольорів не надсилаються на сервери Convertr.

Які формати HEX підтримуються?

Конвертер підтримує 3-значні та 6-значні кольори HEX, такі як #0fa і #00ffaa.

Чи можна вставити значення CSS rgb() і hsl()?

Ви можете вставити такі значення, як rgb (34, 197, 94), 34 197 94, hsl(142, 71%, 45%) або 142 71% 45%.

Для чого корисна HSL?

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