Конвертер кольорів HEX, RGB та HSL онлайн

Формати кольорів у вебі

У веб-розробці та дизайні використовуються кілька форматів кольорів. HEX (#FF5733) — найпоширеніший у CSS та HTML. RGB (rgb(255, 87, 51)) — зручний для програмних маніпуляцій. HSL (hsl(11, 100%, 60%)) — найінтуїтивніший для людини: відтінок, насиченість, яскравість. HSB/HSV популярний в інструментах дизайну.

Коли який формат використовувати

HEX — для статичних кольорів у CSS та в системах дизайну. RGB та RGBA — коли потрібна прозорість або обчислення кольорів у JavaScript. HSL — для програмного створення кольорових схем (наприклад, варіанти одного кольору різної яскравості). HSB — у Figma, Adobe та інших дизайн-інструментах при виборі кольорів вручну.

Колірний простір і гама

sRGB — стандартний колірний простір для екранів. P3 Display (wide-gamut) підтримується новими пристроями Apple та деякими Android. CSS Color Level 4 додає нові функції: color(display-p3 ...), oklch(), lab(). OKLCH стає популярним для динамічних тем, оскільки краще сприймається людиною.

Поради для роботи з кольорами

При конвертації між форматами можлива незначна похибка через округлення. Зберігайте оригінальні значення в тому форматі, в якому вони вам дані. Для доступності перевіряйте контрастність кольорів за стандартами WCAG. Наш конвертер показує всі популярні формати одночасно з живим попереднім переглядом кольору.