Главная Конвертер цвета
Конвертер цвета
#RGB удваивает каждую цифру и становится #RRGGBB. #ff0000 — это rgb(255, 0, 0) и hsl(0, 100%, 50%). Цвет остаётся здесь.
Зачем это
Макет и таблица стилей записывают один цвет как #ff0000, rgb(255, 0, 0) или hsl(0, 100%, 50%).
Если растянуть короткий #abc до шести знаков и затем округлить HSL до целых, канал может сдвинуться на 1.
-
01Как пользоваться
Измените HEX, RGB или HSL, и два других поля вместе с образцом последуют за ним.
Образец красит фон этим HEX. Копирование кладёт строки HEX, rgb() и hsl() в буфер.
Закрытие вкладки стирает цвет. Эта страница не читает альфа-канал.
-
02Пример
#ff0000, #00ff00 и #0000ff — это hsl(0, 100%, 50%), hsl(120, 100%, 50%) и hsl(240, 100%, 50%), и каждый возвращается к тому же HEX.
#fff — это #ffffff, rgb(255, 255, 255), hsl(0, 0%, 100%). #000000 — это hsl(0, 0%, 0%).
Ввод#ff0000
#ff0000 rgb(255, 0, 0) · hsl(0, 100%, 50%) #00ff00 rgb(0, 255, 0) · hsl(120, 100%, 50%) #0000ff rgb(0, 0, 255) · hsl(240, 100%, 50%) #abc #aabbcc · назад к #a9bacb -
03Полезно знать
Тон 360 совпадает с 0. hsl(360, 100%, 50%) — это #ff0000.
У серого #808080 насыщенность 0, поэтому тон выходит 0. Светлота 50% возвращается к 128, 128, 128.
Канал вне диапазона или дробь показывает ошибку в этом поле, и последний цвет не копируется.
Это преобразование sRGB на экране. Оно не даёт печатный CMYK.
Вопросы
- Q#f00 — это то же самое, что #ff0000?
- AДа. Каждая цифра пишется дважды, и получается #ff0000.
- QВозвращает ли HSL из #abc тот же HEX?
- AНет. hsl(210, 25%, 73%) возвращается как #a9bacb.
- QЧитается ли восьмизначный HEX?
- AНет. Читаются только #RGB и #RRGGBB.
- QЦвет сохраняется?
- AНет. Он остаётся в этом браузере и не уходит на сервер.
Как эта страница считает
Эта страница переводит HEX, RGB и HSL в один и тот же цвет sRGB. #RRGGBB пишет красный, зелёный и синий двумя знаками. #ff0000 — это rgb(255, 0, 0) и hsl(0, 100%, 50%). У #00ff00 тон 120, у #0000ff тон 240. #RGB удваивает каждую цифру. #abc становится #aabbcc, то есть rgb(170, 187, 204) и hsl(210, 25%, 73%).
HSL использует то же преобразование, что и CSS, а экран округляет тон, насыщенность и светлоту до целых. Возврат через эти целые может сдвинуть канал на 1. hsl(210, 25%, 73%) из #abc возвращается как #a9bacb. #808080 — это rgb(128, 128, 128) и hsl(0, 0%, 50%), и он снова становится #808080. Тон 360 совпадает с 0, поэтому hsl(360, 100%, 50%) — это #ff0000.
Каждый канал RGB — целое число от 0 до 255. Насыщенность и светлота идут от 0 до 100. Восьмизначный HEX и дробь не читаются. Значение вне диапазона показывает ошибку в этом поле, и последний цвет не копируется. Это преобразование sRGB на экране, и оно не даёт печатный CMYK. Цвет остаётся в этом браузере и не уходит на сервер.