Конвертер оттенков серого
Преобразуйте любой цвет в его эквивалент в оттенках серого, используя стандартную формулу яркости ITU-R BT.601 (0,299R + 0,587G + 0,114B). Введите любой HEX-цвет, чтобы увидеть рядом оригинал и оттенки серого с мгновенным предварительным просмотром, точными значениями яркости и копированием одним щелчком мыши для всех выходных форматов. Полностью конфиденциальный, 100% бесплатный и не требующий регистрации.
Sample Colors
Formats: #RGB #RRGGBB
Original vs Grayscale
Original
Grayscale
Formula: ITU-R BT.601 Luminance (0.299R + 0.587G + 0.114B)
Grayscale Values
Зачем использовать наш конвертер оттенков серого?
- Мгновенное преобразование оттенков серого. Конвертер оттенков серого применяет стандартную формулу яркости ITU-R BT.601 к любому цвету в реальном времени. Когда вы вводите или выбираете цвет, исходный предварительный просмотр и предварительный просмотр в оттенках серого мгновенно обновляются без необходимости нажатия кнопки, что дает вам немедленную визуальную информацию о результате яркости.
- Параллельное сравнение цветов. Исходный цвет и его эквивалент в оттенках серого отображаются рядом в больших образцах предварительного просмотра. Конвертер оттенков серого также показывает точное значение яркости, процент и шкалу визуальной яркости, чтобы вы могли точно понять, как работает преобразование.
- 100% конфиденциальность — загрузка не требуется: все преобразования в оттенках серого происходят локально в вашем браузере без связи с сервером. Ваши цветовые значения никогда не покидают ваше устройство, что делает конвертер оттенков серого безопасным для конфиденциальных дизайнерских проектов, спецификаций брендов и фирменных цветовых палитр.
- Бесплатные и неограниченные преобразования: конвертируйте неограниченное количество цветов в оттенки серого без регистрации, подписки и ограничений на использование. Конвертер оттенков серого бесплатен навсегда, и никакая реклама не блокирует интерфейс. Используйте его столько раз, сколько вам нужно для любого проекта.
Распространенные случаи использования конвертера оттенков серого
- Дизайн печати и проверка в оттенках серого. Дизайнеры полиграфии используют конвертер оттенков серого, чтобы предварительно просмотреть, как цветные рисунки будут выглядеть при печати в черно-белом режиме или в оттенках серого. Это важно для газетной рекламы, печати буклетов и любого проекта, где цветная печать недоступна или слишком затратна.
- Тестирование на доступность и дальтонизм. Специалисты по специальным возможностям используют конвертер оттенков серого для моделирования того, как цветозависимые интерфейсы выглядят для пользователей с нарушениями цветового зрения. Преобразуя цветовые схемы пользовательского интерфейса в оттенки серого, вы можете убедиться, что информация передается не только с помощью цвета.
- Проверка цвета системы дизайна: специалисты по сопровождению системы дизайна используют преобразователь оттенков серого для проверки того, что цветовые маркеры имеют достаточный яркостной контраст для читаемости. Преобразование цветов бренда в оттенки серого показывает, будут ли комбинации текста и фона работать в сценариях, где критична доступность.
- Фотография и редактирование изображений. Фотографы и редакторы изображений используют конвертер оттенков серого, чтобы понять, как разные цвета преобразуются в оттенки серого. Эти знания помогают при преобразовании изображений в черно-белые, гарантируя, что ключевые объекты сохранят хороший контраст с фоном.
- Дизайн мобильного пользовательского интерфейса и темного режима. Дизайнеры мобильного пользовательского интерфейса используют конвертер оттенков серого при разработке интерфейсов темного режима или тем специальных возможностей. Преобразование акцентных цветов в оттенки серого помогает убедиться, что элементы пользовательского интерфейса сохраняют достаточный контраст в монохромном режиме или в режимах отображения для слабого зрения.
- Разработка CSS-фильтров и эффектов. Веб-разработчики используют конвертер оттенков серого, чтобы понять точный результат работы фильтров оттенков серого CSS, прежде чем применять их к действующим веб-сайтам. Инструмент показывает точные значения RGB и HEX, полученные по формуле яркости, что соответствует тому, как фильтры CSS работают в браузерах.
Что такое преобразование оттенков серого?
Преобразование оттенков серого преобразует цветное изображение или отдельное значение цвета в оттенки серого от черного до белого. В отличие от простого обесцвечивания цвета (при котором все каналы обрабатываются одинаково), правильное преобразование оттенков серого использует формулу яркости, учитывающую человеческое восприятие: наши глаза наиболее чувствительны к зеленому свету, менее чувствительны к красному и наименее чувствительны к синему. Наш преобразователь оттенков серого использует стандартную формулу ITU-R BT.601 для получения точных результатов восприятия.
Как работает наш конвертер оттенков серого
- Введите свой цвет: введите или вставьте шестнадцатеричное значение цвета (например, #FF6B6B) или используйте встроенную палитру цветов, чтобы выбрать любой цвет визуально. Для удобства конвертер оттенков серого также поддерживает трехзначный шестнадцатеричный формат (#RGB). Вся обработка выполняется локально в вашем браузере.
- Расчет яркости: преобразователь применяет формулу ITU-R BT.601: L = 0,299 × R + 0,587 × G + 0,114 × B. Эта взвешенная формула дает наиболее точный результат в оттенках серого, поскольку она учитывает, как человеческий глаз воспринимает различные длины волн цвета.
- Сравнение и копирование: исходный цвет и его эквивалент в оттенках серого отображаются рядом с большими образцами предварительного просмотра. Точное значение яркости (0–255), процентное соотношение (0–100%) и значения HEX/RGB/HSL в оттенках серого отображаются с помощью кнопок копирования одним щелчком мыши для каждого формата.
Объяснение формулы яркости
- Почему взвешенный? В человеческом глазе примерно 65% колбочек (фоторецепторов) чувствительны к зеленому свету, 33% — к красному и только 2% — к синему. Формула яркости отражает эту биологию, придавая наибольший вес зеленому (0,587), затем красному (0,299) и синему (0,114).
- Стандарт BT.601: формула яркости ITU-R BT.601 является международным стандартом преобразования оттенков серого в телевещании, сжатии видео и обработке изображений. Это также формула, используемая фильтром CSS: Grayscale() и большинством программ для редактирования изображений.
- Простое среднее в сравнении с яркостью. Простое среднее значение R, G и B ((R+G+B)/3) придаст всем каналам одинаковый вес, создавая более тусклые и менее точные оттенки серого. Формула яркости гораздо точнее сохраняет воспринимаемую яркость исходного цвета.
- Диапазон яркости: значение яркости находится в диапазоне от 0 (чисто черный) до 255 (чисто белый). Процент яркости показывает, где находится цвет по этой шкале: 0 % соответствует черному, а 100 % — белому. Цвета с высокой насыщенностью и средней яркостью часто дают удивительные результаты в оттенках серого.
Конфиденциальность, безопасность и доступность
100% обработка на основе браузера: наш конвертер оттенков серого обрабатывает все преобразования цветов полностью в вашем браузере с помощью JavaScript. Ваши значения цвета никогда не загружаются, не сохраняются и не передаются на какой-либо сервер. Это обеспечивает полную конфиденциальность конфиденциальных дизайнерских проектов и характеристик фирменных цветов.
Всегда доступен: поскольку конвертер работает полностью на стороне клиента, он продолжает работать даже без подключения к Интернету после загрузки страницы. Нет никаких зависимостей от сервера, ограничений скорости и вызовов API. Используйте его где угодно и когда угодно для решения любых задач по преобразованию оттенков серого.
Часто задаваемые вопросы
Конвертер оттенков серого преобразует любой цвет в его эквивалент в оттенках серого, используя стандартную формулу яркости. Вместо простого усреднения каналов RGB наш преобразователь оттенков серого использует формулу взвешенной яркости ITU-R BT.601 (0,299R + 0,587G + 0,114B), которая учитывает восприятие цвета человеком. Результат отображается рядом с исходным цветом для удобства сравнения.
Используемая формула: L = 0,299 × R + 0,587 × G + 0,114 × B, где R, G и B — значения красного, зеленого и синего каналов (0–255). Это стандарт ITU-R BT.601, широко распространенный в радиовещании, обработке видео и CSS-фильтрах. В формуле наибольший вес имеет зеленый цвет, поскольку человеческие глаза наиболее чувствительны к зеленому свету, за ним следует красный, а затем синий.
Простое усреднение каналов RGB будет воспринимать все цвета одинаково, но человеческий глаз не воспринимает все цвета с одинаковой яркостью. Зеленый цвет кажется намного ярче синего при том же числовом значении. Формула взвешенной яркости дает результат в оттенках серого, который точно соответствует тому, как мы на самом деле воспринимаем яркость исходного цвета, что делает его гораздо более точным, чем простое усреднение.
Да. Все преобразования происходят исключительно в вашем браузере с использованием JavaScript. Ваши значения цвета никогда не отправляются на какой-либо сервер, никогда не сохраняются и никогда никуда не передаются. Конвертер оттенков серого является полностью конфиденциальным и обрабатывает все локально на вашем устройстве, что делает его безопасным для конфиденциальных цветовых спецификаций брендов и запатентованных систем дизайна.
Конвертер оттенков серого принимает значения цветов HEX как в 3-значном (#RGB), так и в 6-значном (#RRGGBB) формате. Вы можете ввести значение с префиксом # или без него. Инструмент также включает в себя встроенную палитру цветов для визуального выбора цвета и предустановленные образцы для быстрого тестирования распространенных цветов.
Да. Конвертер оттенков серого абсолютно бесплатен, не требует регистрации, не имеет дополнительных функций и ограничений на использование. Преобразуйте неограниченное количество цветов в оттенки серого без каких-либо ограничений или скрытых затрат. Нет рекламы, блокирующей интерфейс, и инструмент полностью работает в вашем браузере.
Функция CSS-фильтр: оттенки серого (100%) использует ту же формулу, взвешенную по яркости, для преобразования элементов в оттенки серого в браузере. Наш конвертер оттенков серого показывает точный математический результат этого преобразования для любого конкретного цвета, что делает его полезным для предварительного просмотра того, как фильтры CSS повлияют на определенные элементы дизайна, прежде чем их применять.
При обесцвечивании цвет преобразуется в оттенки серого путем усреднения всех каналов RGB в равной степени (R+G+B)/3, что дает плоский результат. Оттенки серого на основе яркости, которые использует наш конвертер оттенков серого, применяют взвешенные значения, основанные на человеческом восприятии. Разница наиболее заметна для синего и зеленого цветов: чистый синий (#0000FF) обесцвечивается до средне-серого (85), но при взвешивании по яркости он становится намного темнее (29), что более точно отражает воспринимаемую яркость.