Цвет и дизайн
Конвертер цвета (HEX/RGB/HSL/OKLCH)
Бесплатный конвертер цветов. Конвертируйте HEX, RGB, HSL, OKLCH и именованные цвета CSS с предварительным просмотром в реальном времени. Для дизайнеров, разработчиков и доступных палитр.
Примечание редактора
Understanding · RGB, HSL, OKLCH — same colour, different stories.
Эта углублённая глава пока доступна только на английском языке. Инструмент конвертации выше работает на вашем языке; развёрнутая статья ещё не переведена.
Часто задаваемые вопросы
Quick answers.
›What color formats are supported?
HEX, RGB, HSL, OKLCH and named CSS colors. Conversions happen instantly in both directions.
›What is OKLCH?
OKLCH is a perceptually uniform color space supported by modern browsers — great for accessible palettes and consistent lightness across hues.
›Why use OKLCH instead of HSL?
HSL lightness varies wildly between hues (yellow at 50% looks much lighter than blue at 50%). OKLCH fixes this — same L means same perceived lightness.
›Are alpha values supported?
Yes — RGBA, HSLA and 8-digit HEX with alpha all work.
›Is the converter free?
Yes — fully free, no signup.
Люди также ищут
Use with
What people reach for next.
Связанные инструменты
More in this room.
- Проверка контрастности (WCAG)Проверьте контрастность WCAG AA / AAA — соответствует или нет.
- Поиск цвета TailwindБлижайший класс Tailwind для любого HEX цвета.
- Выбор цвета изображения и палитраПеретащите изображение, извлеките его палитру.
- Симулятор дальтонизмаПредварительный просмотр палитр через дейтеранопию, протанопию и многое другое.
- Генератор градиентовЛинейные, радиальные и конические градиенты CSS.
- Генератор Box ShadowВизуальный редактор CSS box-shadow.