Інструменти кольору

Онлайн-конвертер кольорів | Синхронізація RGB, HEX, HSL, HSV і CMYK

Безкоштовний онлайн-конвертер кольорів для RGB, RGBA, HEX, HSL, HSLA, HSV, HSVA, CMYK і CMYKA. Редагуйте будь-який формат, і всі інші значення кольору оновляться миттєво.

Жива синхронізаціяБез завантаження файлів

Візуальний попередній перегляд

Використовуйте зразок, вбудований вибір кольору та повзунок alpha, щоб точно налаштувати той самий колір у всіх форматах.

Колір попереднього перегляду

#3B82F6

rgba(59, 130, 246, 0.84)

Вибір кольору

#3B82F6

Альфа

0.84

Живі канали

HEX

R: 59
G: 130
B: 246
A: 0.84

Порада для редагування

Якщо під час введення поле тимчасово стає некоректним, останній валідний колір залишається активним. Завершіть значення, і інші формати автоматично синхронізуються знову.

Жива синхронізаціяБез завантаження файлів

Двобічний редактор форматів кольору

Усі формати нижче можна редагувати. Змініть HEX, RGB, RGBA, HSL, HSLA, HSV, HSVA, CMYK або CMYKA, і решта колірних моделей одразу залишатиметься синхронізованою.

HEX

джерело

RGB

RGBA

HSL

HSLA

HSV

HSVA

CMYK

CMYKA

Пояснення

RGB

RGB — це стандартна колірна модель, що складається з каналів червоного (R), зеленого (G) та синього (B). Змінюючи інтенсивність цих трьох каналів, RGB може відтворити більшість кольорів, видимих на екранах. Це одна з найпоширеніших колірних систем у цифровому середовищі.

RGBA

RGBA — це RGB з альфа-каналом для прозорості. R, G і B зазвичай мають значення від 0 до 255, а A — від 0 до 1 або від 0% до 100%. Формат часто використовують у CSS, коли одному й тому самому кольору потрібні різні рівні непрозорості.

HEX

HEX — це шістнадцятковий спосіб представлення кольорів. Він широко використовується у вебдизайні та CSS, тому що є компактним і зручним для копіювання. Значення на кшталт #2E8B57 зберігає червоний, зелений і синій як шістнадцяткові пари, а розширені варіанти можуть також містити прозорість.

HSL

HSL (тон, насиченість, світлість) подає RGB-кольори в циліндричній системі координат. H означає базовий відтінок, S — чистоту кольору, а L — яскравість. 0% — найтемніший варіант, 50% — збалансований, 100% — найсвітліший.

HSLA

HSLA — це варіант HSL з альфа-каналом. Він зберігає тон, насиченість і світлість та додає прозорість, тому підходить для тіней, напівпрозорих заливок, оверлеїв і станів інтерфейсу.

HSV

HSV (тон, насиченість, значення) — це колірний простір, створений A. R. Smith у 1978 році, також відомий як Hexcone Model. Оскільки Value безпосередньо описує сприйману яскравість, HSV часто зручний для інтуїтивного вибору кольорів.

HSVA

HSVA розширює HSV альфа-каналом. Це корисно, коли ви хочете працювати з тоном, насиченістю та значенням і водночас описувати непрозорість для кольорів інтерфейсу та багатошарової графіки.

CMYK

CMYK — це колірна модель, яка використовується в друці. Друковані матеріали видно завдяки відбитому світлу, тому CMYK добре підходить для газет, пакування та брошур. На відміну від RGB для екранів, CMYK створено для фарби на папері.

CMYKA

CMYKA розширює CMYK додаванням альфа-каналу. Це корисно, коли потрібно описати значення cyan, magenta, yellow і key разом із прозорістю для передачі дизайну або багатошарових ресурсів.

Як користуватися онлайн-конвертером кольорів

Вставте або введіть значення в будь-яке поле формату, наприклад HEX, RGB, RGBA, HSL, HSV або CMYK.

Щойно значення стане коректним, інструмент автоматично перетворить його в усі інші підтримувані формати кольорів.

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

Ключові можливості

Двобічна синхронізація форматів

Змінюйте будь-який підтримуваний формат і підтримуйте RGB, RGBA, HEX, HSL, HSLA, HSV, HSVA, CMYK і CMYKA синхронізованими в реальному часі.

Візуальне керування кольором

Одразу бачте поточний колір завдяки живому зразку, вибору кольору браузера, повзунку alpha і показникам каналів.

Конвертація в браузері

Кожне поле підтримує звичний функціональний синтаксис, а всі перетворення відбуваються в браузері швидко та конфіденційно.

Поширені запитання про конвертер кольорів

Чи можу я редагувати будь-який формат кольору й оновлювати всі інші?

Так. Конвертер синхронізує значення в обидва боки. Якщо ви редагуєте RGB, RGBA, HEX, HSL, HSLA, HSV, HSVA, CMYK або CMYKA, інші формати оновляться відразу після введення коректного значення.

Як обробляється прозорість під час конвертації?

HEX показується без alpha, тому що сторінка зосереджена на потрібних форматах. Прозорість зберігається в RGBA, HSLA, HSVA і CMYKA, а попередній перегляд завжди відображає поточну непрозорість.

Цей конвертер кольорів приватний?

Ні. Уся логіка конвертації виконується локально у вашому браузері, тому значення кольорів не надсилаються на сервер.