Содержание
Как перевести цвет, не меняя его оттенок
Конвертер считывает цвет sRGB в записи HEX, RGB или HSL и выдаёт эквивалентный код в другом формате. Образец на шахматной подложке показывает прозрачность, если у цвета есть альфа-канал.
Проверяем результат на знакомых цветах
У кода #336699 каналы RGB равны 51, 102 и 153. Поэтому результат rgb(51,102,153). В HSL тот же приглушённый синий записывается как hsl(210,50%,40%).
Чистый красный в RGB задаётся числами 255, 0 и 0. Конвертер выдаёт #FF0000. По двум знакам на каждый канал легко проверить, что зелёного и синего здесь нет.
Полупрозрачный чёрный #00000080 превращается в rgba(0,0,0,0.502). Последняя пара HEX равна 128/255 по шкале непрозрачности. На белой странице этот цвет выглядит серым, но его собственные каналы остаются нулевыми.
Какие числа вводить
Сначала выберите исходный формат. HEX принимает 3, 4, 6 или 8 шестнадцатеричных знаков с решёткой или без неё. Каналы RGB должны быть целыми от 0 до 255. Для HSL нужны тон от 0 до 360°, насыщенность и светлота от 0 до 100%. Альфа в двух числовых режимах меняется от 0 до 1. Затем выберите другой формат для ответа.
В восьмизначной записи #RRGGBBAA прозрачность задаёт последняя пара. Этот порядок и короткие формы определяет спецификация CSS Color. Нельзя переносить его на произвольные файловые форматы, где порядок каналов бывает другим.
Если исходный цвет уже верный, смените формат ввода: калькулятор подставит эквивалентные значения в новые поля. Так удобнее сравнить разные записи, чем вручную пересчитывать каналы.
Что теряется при округлении
RGB хранит целые каналы, HSL выводится с одним знаком после запятой, альфа с тремя. Обратный перевод может немного изменить последнюю цифру. Калькулятор не переводит CMYK, Display P3 и Lab. Он также не оценивает контраст текста: для этого нужны два цвета, а не один.
Вопросы о кодах цветов
Чаще всего путаница возникает между короткой записью, прозрачностью и видимой яркостью.
Можно ли ввести HEX без #?
Да. Значения 336699 и #336699 равны; в готовом HEX-коде решётка будет добавлена.
Почему #3A7 превращается в #33AA77?
В коротком HEX каждый знак повторяется дважды. Нули справа не добавляются.
Где находится альфа в #00000080?
Это последняя пара 80. Она задаёт непрозрачность около 0,502, а первые шесть знаков задают чёрный цвет.
Почему серый получает тон 0°?
При нулевой насыщенности тон не влияет на цвет. Калькулятор показывает 0° как определённое условное значение.
Одинаковая светлота HSL означает одинаковую зрительную яркость?
Нет. Разные оттенки с одной светлотой могут восприниматься значительно светлее или темнее.
Похожие калькуляторы
Вам могут пригодиться следующие калькуляторы на эту же тему:
- Визуальный HTML-редактор. Работайте с HTML-кодом просто и удобно, видя в реальном времени визуальные изменения и структуру страницы в режиме WYSIWYG.
- Онлайн-генератор паролей. Создайте уникальный и сложный пароль, обеспечив безопасность вашим аккаунтам.
- Количество символов в тексте: калькулятор. Определите онлайн число символов в вашем тексте, включая или исключая пробелы.
- Рандомайзер: создание случайных чисел. Получите случайное число для различных нужд, особенно для розыгрышей и онлайн-лотерей в социальных сетях.
- Калькулятор времени передачи файла. Укажите размер файла и среднюю или заявленную скорость, чтобы получить оценку длительности и запас времени.
- Конвертер размера данных. Введите размер данных и переведите его между битами, байтами, десятичными и двоичными приставками.
- Калькулятор плотности пикселей. Введите родное разрешение и видимую диагональ экрана, чтобы рассчитать PPI и физический размер пикселя.
- Хрономер: длительность произношения текста. Узнайте, как много времени потребуется для чтения или озвучивания вашего текста. Введите его и получите результат в мгновение ока.
- Тренажер таблицы умножения. Тренируйте и запоминайте таблицу умножения онлайн. Установите интервал множителей, и тренажёр создаст упражнения.
- Калькулятор среднего балла. Вычислите средний балл своего документа об образовании с нашей помощью. Узнайте правильный метод расчета среднего балла.
Поделиться в социальных сетях
Если вам понравилось, пожалуйста, поделитесь этим калькулятором в социальных сетях. Это просто для вас и полезно для продвижения проекта. Спасибо!