Конвертер HEX ↔ RGB ↔ HSL

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

HEX ↔ RGB ↔ HSL Converter

Live

Picker / HEX

HEX

RGB

HSL

#C026D3

CSS output

/* HEX */ #c026d3
/* RGB */ rgb(192, 38, 211)
/* HSL */ hsl(292, 70%, 49%)

Key capabilities

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

Як користуватися

Введіть значення HEX, RGB або HSL.
Перегляньте автоматичне оновлення інших форматів.
Скопіюйте потрібний формат.

How this tool works

Введіть значення HEX, RGB або HSL.
Перегляньте автоматичне оновлення інших форматів.
Скопіюйте потрібний формат.

Recommended settings

Спочатку скористайтеся параметрами за замовчуванням, а потім відкоригуйте, якщо потрібно

Supported formats

Text / on-page input

File size and limits

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

Privacy

Генератори кольорів і CSS повністю працюють у вашому браузері. Попередній перегляд і конверсія ніколи не завантажують ваші стилі.

Common use cases

Використовуйте конвертер HEX ↔ RGB ↔ HSL, коли вам потрібно: миттєво перетворюйте кольори між HEX, RGB і HSL за допомогою живого зразка.

Troubleshooting

Після вставлення попередній перегляд виглядає інакше

Перевірте наявність конкуруючого CSS на вашій сторінці (скидання, успадковані кольори). Спершу скопіюйте згенероване правило в ізольовану таблицю стилів.

FAQ

Це завантажує мій CSS?

Ні. Генератори та конвертери працюють у вашому браузері з попереднім переглядом.

Чи потрібен мені обліковий запис?

Ні. Відкрийте інструмент, налаштуйте елементи керування та скопіюйте CSS.