Конвертер цветовых кодов
HEX
#3b82f6RGB
rgb(59, 130, 246)HSL
hsl(217, 91%, 60%)OKLCH
oklch(0.623 0.188 259.8)HSL 조정
대비 비율 (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.
Связанные инструменты
Конвертер временных меток Бесплатный онлайн-инструмент для двустороннего преобразования между метками времени Unix и датами. Принимает секунды (10 цифр) и миллисекунды (13 цифр), поддерживает KST, JST, UTC, ISO 8601 и относительное время.
Генератор CSS-градиентов Бесплатный визуальный генератор CSS-градиентов: создавайте линейные, радиальные и конические градиенты, настраивайте цветовые точки и угол и копируйте готовый CSS-код.
Генератор CSS box-shadow Бесплатный онлайн-генератор CSS box-shadow с настройками смещения, размытия, растяжения, цвета и inset, дающий живой предпросмотр тени и готовый к копированию CSS-код box-shadow для любого элемента.
Часто задаваемые вопросы
OKLCH — цилиндрическое представление цветового пространства Oklab, наиболее перцептивно однородного. Поддерживается в CSS Color Level 4.
Измеряет разницу яркости между текстом и фоном. AA требует не менее 4,5:1, AAA — 7:1.
В настоящее время поддерживаются только непрозрачные цвета (RGB, 6-значный HEX). RGBA и HSLA будут добавлены позже.
Да. Результат каждого формата можно вставить прямо в CSS.
Нет. Все преобразования цветов выполняются в браузере.