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

Конвертація кольорів між форматами HEX, RGB та HSL з попереднім переглядом.

Обробка у браузері (працює офлайн)
1

Введіть текст

Вставте або введіть вміст у поле.

2

Налаштуйте параметри

Налаштуйте параметри для отримання бажаного результату.

3

Скопіюйте або збережіть

Скопіюйте вивід у буфер обміну або збережіть.

Про цей інструмент

Що таке конвертер кольорів?

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

Ідеально для дизайнерів та розробників, які повинні конвертувати між колірними позначеннями для CSS, інструментів дизайну чи брендових рекомендацій.

Типові варіанти використання

  • Розробка CSS: Конвертуйте між форматами кольорів для таблиць стилів
  • Передача дизайну: Переведіть кольори з дизайн-специфікацій на готові для коду значення
  • Брендові рекомендації: Конвертуйте брендові кольори між форматами для документації
  • Доступність: Налаштуйте світлість HSL для дотримання вимог коефіцієнта контрасту
  • Розробка тем: Генеруйте значення кольорів для змінних світлої/темної теми

Обробка кольорів з пріоритетом приватності

Конвертація кольорів використовує чисту математику JavaScript у вашому браузері — жодних серверних викликів, жодного отримання даних.

  • Жодних даних не передається — значення кольорів залишаються цілком на вашому пристрої
  • Працює офлайн після завантаження сторінки

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

Кодування/Декодування Base64

Кодуйте текст у Base64 або декодуйте Base64 назад у текст.

Кодування/Декодування URL

Кодуйте або декодуйте компоненти URL для безпечного використання у веб-адресах.

Форматування JSON

Форматуйте, перевіряйте та мініфікуйте дані JSON з підсвічуванням синтаксису.

Часті запитання

Ви можете вводити кольори у форматі HEX (#ff6600 або #f60), RGB (rgb(255, 102, 0)) або HSL (hsl(24, 100%, 50%)). Усі інші формати відображаються автоматично.
Наразі інструмент підтримує лише непрозорі кольори. Підтримка RGBA та HSLA буде додана в майбутньому оновленні.
Ні. Вся обробка відбувається повністю у вашому браузері. Ваші дані ніколи не залишають ваш пристрій — нічого не завантажується на сервер.
Так. Після завантаження сторінки інструмент працює повністю офлайн. Для найкращого досвіду встановіть PrivaDeck як PWA з вашого браузера.
Обмежень зі сторони сервера немає. Максимальний розмір файлу залежить від доступної пам'яті вашого пристрою та можливостей браузера. Більшість сучасних пристроїв обробляють файли розміром до кількох сотень МБ без проблем.