Конвертер кольорів
Конвертуйте кольори між HEX, RGB, HSL, CMYK та іншими форматами.
Доступність
Гармонії
CSS-вивід
background-color: #3b82f6; color: #3b82f6; border-color: #3b82f6; /* rgba */ background-color: rgba(59, 130, 246, 1); /* hsl */ background-color: hsl(217, 91%, 60%);
Про конвертер кольорів
Кольори у вебі можуть бути виражені в кількох форматах: HEX (#FF5733), RGB (rgb(255, 87, 51)) та HSL (hsl(11, 100%, 60%)). Кожен формат має свої переваги — HEX компактний для CSS, RGB відповідає апаратному забезпеченню дисплея, а HSL інтуїтивний для налаштування тону, насиченості та яскравості. Конвертер кольорів дозволяє безперешкодно перемикатися між цими форматами.
Як використовувати
Введіть значення кольору в будь-якому підтримуваному форматі (HEX, RGB або HSL). Інструмент автоматично конвертує його в усі інші формати та показує попередній перегляд кольору в реальному часі. Скопіюйте будь-який формат одним кліком для використання у вашому CSS, дизайн-інструменті або коді.
Типові випадки використання
- Конвертація HEX-кольорів з дизайн-файлів у RGB для CSS
- Налаштування яскравості або насиченості кольору за допомогою значень HSL
- Узгодження фірмових кольорів між різними дизайн-інструментами та форматами
- Конвертація кольорових кодів між веб-, друкованими та мобільними проєктами
- Швидкий попередній перегляд та порівняння кольорів під час розробки UI