Конвертер кольорів
Перетворюйте редаговані значення HEX, RGB, RGBA, HSL, HSLA та HSV, переглядаючи той самий колір і копіюючи формат, необхідний вашому коду чи дизайн-системі…
Почати роботу
Що допомагає робити цей інструмент
Перетворюйте редаговані значення HEX, RGB, RGBA, HSL, HSLA та HSV, переглядаючи той самий колір і копіюючи формат, необхідний вашому коду чи дизайн-системі.
Приклад
#3B82F6
rgb(59, 130, 246) · hsl(217, 91%, 60%)
Як отримується результат
RGB зберігає інтенсивність червоного, зеленого та синього каналів. HSL описує відтінок, насиченість і світлоту; HSV використовує значення замість світлоти. Перетворення зберігає представлений колір, з урахуванням округлення та обмежень колірного охоплення.
Корисні сценарії
- Переклад кольорів з дизайн-файлів у CSS
- Створення редагованих HSL-варіантів з фірмового HEX-значення
- Перевірка альфа-значень перед використанням накладень
Важливі обмеження
- HEX без альфа-каналу повністю непрозорий.
- Повторні перетворення можуть змінити останню цифру через округлення каналів.
- Еквівалентні числові значення можуть виглядати по-різному на некаліброваних моніторах.
Часті запитання
Чи відрізняються кольори HEX та RGB?
Це два позначення однієї моделі RGB-каналів; #3B82F6 і rgb(59,130,246) представляють той самий колір.
Чи покращує контраст перетворення кольору?
Ні. Перетворення змінює позначення, а не контраст. Перевірте фактичну пару переднього та заднього плану.
Обробка виконується локально у вашому браузері.