Конвертер кольорових кодів

Всі інструменти

Конвертуйте кольори між HEX, RGB, RGBA, HSL, HSLA, HSV та CMYK — оберіть колір, налаштуйте альфу й миттєво скопіюйте будь-який формат.

#FFFFFF
Канали
R
G
B
Формати кольорів

Введіть будь-яке значення HEX, RGB(A) або HSL(A) — всі інші формати оновляться миттєво.

Швидка палітра

Довідник з форматів кольору

HEX — це 6-значний шістнадцятковий код, наприклад #3B82F6, що зберігає канали червоного, зеленого та синього (по 00–FF). Це найпоширеніший спосіб задавати кольори в HTML і CSS.

8-значний HEX, наприклад #3B82F6CC, додає останню пару знаків для непрозорості (альфа). Використовуйте його для прозорих кольорів у сучасному CSS без окремого значення rgba().

RGB задає колір значеннями червоного, зеленого та синього від 0 до 255, напр. rgb(59, 130, 246). Він відповідає тому, як екрани випромінюють світло, і ідеальний для вебу та цифрового дизайну.

RGBA — це RGB з альфа-каналом від 0 (прозорий) до 1 (непрозорий), напр. rgba(59, 130, 246, 0.5). Використовуйте його для накладань, тіней і ефектів наведення.

HSL описує колір через відтінок (0–360°), насиченість і яскравість, напр. hsl(217, 91%, 60%). Він зручний для коригування кольорів і ручного створення палітр.

HSLA — це HSL з альфа-каналом для непрозорості, напр. hsla(217, 91%, 60%, 0.5). Він поєднує наочність HSL із контролем прозорості.

HSV, який також називають HSB, використовує відтінок, насиченість і значення (яскравість), напр. hsv(217, 76%, 96%). Це модель палітр у більшості графічних редакторів.

CMYK — це субтрактивна модель із відсотків блакитного, пурпурового, жовтого та чорного (key), напр. cmyk(76%, 47%, 0%, 4%). Це стандарт друку, тож звіряйте важливі кольори з профілем вашої друкарні.

Для сайтів використовуйте HEX або RGB, а для прозорості додавайте альфу (RGBA, HSLA чи 8-значний HEX). Для палітр беріть HSL або HSV, а для підготовки файлів до друку — CMYK.
Поділитися
Пов'язані інструменти
Пошук іменованих кольорів Знайдіть найближчий іменований CSS-колір і найближчий відтінок Tailwind для будь-якого кольору — перцептивне зіставлення з готовими для копіювання значеннями. Безкоштовно
Піпетка для екрана Визначте будь-який піксель на екрані за допомогою піпетки або виберіть кольори із завантаженого зображення та зберіть їх у готову до копіювання палітру. Безкоштовно
Підбір кольорів Pantone Знайдіть будь-який код Pantone solid-coated, щоб прочитати його значення HEX, RGB і CMYK, або введіть колір HEX/RGB і миттєво знайдіть найближчий відповідник Pantone — усе у вашому браузері. Безкоштовно
Генератор градієнтів Створюйте лінійні, радіальні та конічні CSS-градієнти з нуля за допомогою перетягуваного мульти-стопового керування та готових пресетів. Миттєво скопіюйте готовий CSS. Безкоштовно
Генератор відтінків кольору Згенеруйте повний діапазон тінтів і відтінків з одного кольору — оберіть крок освітлення/затемнення та кількість відтінків, а потім миттєво копіюйте будь-яке значення. Безкоштовно
Повністю червоний екран Заповніть увесь екран чистим червоним кольором, щоб перевірити червоний sub-pixel канал і виявити мертві пікселі на кольоровому полі. Безкоштовно та працює у вашому браузері. Безкоштовно
Популярні запити
конвертер кодів кольору hex у rgb rgb у hex hex у hsl конвертувати формати кольору онлайн конвертер кольору
Потрібна допомога?
Виникла проблема з цим інструментом? Повідомте нас.
Повідомити про проблему

Додайте цей безкоштовний інструмент на власний вебсайт — скопіюйте та вставте код нижче.