HEX · RGB · HSL · HSV · CMYK
Конвертер цветов
Цвет #0060fd — это rgb(0, 96, 253), hsl(217, 100%, 50%) и cmyk(100%, 62%, 0%, 1%). Введите любой цвет CSS или воспользуйтесь палитрой, чтобы перевести свой.
- #0060fd = rgb(0, 96, 253)
- #0060fd = hsl(217, 100%, 50%)
- #0060fd = cmyk(100%, 62%, 0%, 1%)
- red = #ff0000
Плитки обновляются по мере ввода. Если введённый текст не является цветом, появляется ошибка, а последний корректный цвет остаётся на экране.
Scanned by 
NortonTM Safe Web
Коротко
- Цена
- Без оплаты
- Аккаунт
- Не нужен
- Загрузка
- Не применимо — вы вводите цвет, ничего никуда не отправляется
- Ввод
- HEX (3, 4, 6 или 8 цифр), rgb(), hsl(), hwb(), 148 названий цветов CSS и transparent
- Вывод
- HEX, RGB, HSL, HSV, CMYK и ближайшее название цвета CSS
- CMYK
- Математическое преобразование, а не печатный профиль
Частые цвета во всех моделях
Эти строки получены тем же кодом, что и конвертер. HSL, HSV и CMYK округлены до целых чисел.
| Введено | HEX | RGB | HSL | HSV | CMYK |
|---|---|---|---|---|---|
| #0060fd | #0060fd | rgb(0, 96, 253) | hsl(217, 100%, 50%) | hsv(217, 100%, 99%) | cmyk(100%, 62%, 0%, 1%) |
| red | #ff0000 | rgb(255, 0, 0) | hsl(0, 100%, 50%) | hsv(0, 100%, 100%) | cmyk(0%, 100%, 100%, 0%) |
| white | #ffffff | rgb(255, 255, 255) | hsl(0, 0%, 100%) | hsv(0, 0%, 100%) | cmyk(0%, 0%, 0%, 0%) |
| black | #000000 | rgb(0, 0, 0) | hsl(0, 0%, 0%) | hsv(0, 0%, 0%) | cmyk(0%, 0%, 0%, 100%) |
| grey | #808080 | rgb(128, 128, 128) | hsl(0, 0%, 50%) | hsv(0, 0%, 50%) | cmyk(0%, 0%, 0%, 50%) |
| transparent | #00000000 | rgba(0, 0, 0, 0) | hsla(0, 0%, 0%, 0) | hsv(0, 0%, 0%) | cmyk(0%, 0%, 0%, 100%) |
Как перевести цвет
Введите цвет
Введите код HEX из 3, 4, 6 или 8 цифр, значение rgb(), hsl() или hwb() либо одно из 148 названий цветов CSS. Можно также нажать на цветное поле и выбрать цвет в палитре браузера.
Прочитайте другие модели
Образец показывает цвет на шахматном фоне, поэтому прозрачность видна. Плитки показывают тот же цвет в HEX, RGB, HSL, HSV и CMYK, а также ближайшее название цвета CSS.
Скопируйте нужное
Нажмите «Копировать» на плитке, чтобы поместить значение в буфер обмена и вставить его в таблицу стилей, программу для дизайна или документ.
Как связаны цветовые модели
RGB описывает цвет как количество красного, зелёного и синего света, которые экран складывает, — каждое от 0 до 255; #0060fd — это 0 красного, 96 зелёного и 253 синего. HEX — те же три числа, записанные в системе счисления с основанием 16, поэтому 96 — это 60, а 253 — fd. HSL и HSV описывают тот же цвет углом оттенка от 0 до 360 градусов на цветовом круге и двумя процентами: насыщенностью и светлотой (HSL) или яркостью (HSV). У #0060fd оттенок 217 в обеих моделях. CMYK описывает краску: голубой, пурпурный, жёлтый и чёрный вычитаются из белой бумаги.
CMYK здесь — простое математическое преобразование: чёрный равен 1 минус наибольшее из R, G и B, а голубой, пурпурный и жёлтый — то, что остаётся. Это не печатный профиль, поэтому принтер или программа для дизайна с ICC-профилями дадут для того же цвета другие числа CMYK. Значения HSL показаны целыми числами, поэтому обратный перевод округлённого значения может сдвинуть канал на несколько единиц: hsl(217, 100%, 50%) — это #0062ff, а не #0060fd. Ближайшее название CSS — это ключевое слово с наименьшей цветовой разницей CIE76 в пространстве L*a*b*. Всё выполняется в вашем браузере, и ничего никуда не отправляется.
Вопросы о конвертере цветов
Как перевести HEX в RGB?
Разбейте шесть цифр на три пары и прочитайте каждую пару как число в шестнадцатеричной системе. #0060fd — это 00, 60 и fd, то есть 0, 96 и 253, поэтому цвет — rgb(0, 96, 253). Вставьте код HEX в поле, и плитка RGB покажет результат.
Что означают последние две цифры 8-значного кода HEX?
Это альфа-канал, то есть непрозрачность, от 00 (полностью прозрачный) до ff (полностью непрозрачный). #0060fd80 — тот же синий со значением 128 из 255, то есть примерно 50.2% непрозрачности, поэтому он показывается как rgba(0, 96, 253, 0.502). 4-значный код, например #06f8, работает так же, только каждая цифра удваивается.
Чем HSL отличается от HSV?
В обеих моделях есть оттенок и насыщенность, но третье значение разное. В HSL светлота 50% — это чистый цвет, 0% — чёрный, а 100% — белый. В HSV яркость 100% — самая яркая версия цвета, а для белого нужна насыщенность 0%. Один и тот же синий — это hsl(217, 100%, 50%) и hsv(217, 100%, 99%).
Можно ли использовать результат CMYK для печати?
Только как отправную точку. Эта страница использует простую формулу между RGB и CMYK, которая ничего не знает о красках, бумаге и профиле принтера. В типографии или программе для дизайна с цветовым профилем тот же цвет RGB будет переведён в другие числа CMYK.
Какие форматы цвета можно вводить?
HEX с # или без него, из 3, 4, 6 или 8 цифр; rgb() и rgba() с запятыми или пробелами, числами или процентами и необязательной альфой после косой черты; hsl(), hsla() и hwb() с углом в deg, rad, grad или turn; 148 названий цветов CSS, например rebeccapurple; а также transparent.
Почему ближайшее название цвета не совпадает точно?
В CSS всего 148 названий цветов, поэтому у большинства цветов своего названия нет. Страница выбирает название, цвет которого выглядит наиболее близким, по цветовой разнице CIE76 в пространстве L*a*b*; для #0060fd это mediumslateblue. Если цвет в точности совпадает с именованным, например #ff0000, страница сообщает о точном совпадении.