Конвертер цветовых кодов

HEX

#3b82f6

RGB

rgb(59, 130, 246)

HSL

hsl(217, 91%, 60%)

OKLCH

oklch(0.623 0.188 259.8)

HSL 조정

H217S91%L60%

대비 비율 (WCAG)

비교 색상:

샘플 텍스트

대비 비율: 3.68:1

WCAG: AA Large

Последнее обновление: 2026 · Бесплатный онлайн-инструмент

Что такое Конвертер цветовых кодов?

Бесплатный онлайн-инструмент для конвертации между цветовыми кодами HEX, RGB, HSL, OKLCH с расчётом контрастности WCAG

1
Введите цвет — Используйте палитру или текстовый ввод. Поддерживаются форматы HEX, rgb(), hsl().
2
Просмотрите форматы — Форматы HEX, RGB, HSL и OKLCH отображаются одновременно.
3
Скопируйте значения — Используйте кнопку копирования для каждого формата, чтобы скопировать CSS-значение.
4
Проверьте контрастность — Установите цвет для сравнения, чтобы проверить контрастность WCAG.

OKLCH — цилиндрическое представление цветового пространства Oklab, наиболее перцептивно однородного. Поддерживается в CSS Color Level 4.

Измеряет разницу яркости между текстом и фоном. AA требует не менее 4,5:1, AAA — 7:1.

В настоящее время поддерживаются только непрозрачные цвета (RGB, 6-значный HEX). RGBA и HSLA будут добавлены позже.

Да. Результат каждого формата можно вставить прямо в CSS.

Нет. Все преобразования цветов выполняются в браузере.