Головна / Інструменти для кольорів / Конвертер кольорів
Безкоштовні онлайн-інструменти

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

Перетворюйте редаговані значення 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) представляють той самий колір.

Чи покращує контраст перетворення кольору?

Ні. Перетворення змінює позначення, а не контраст. Перевірте фактичну пару переднього та заднього плану.

Обробка виконується локально у вашому браузері.