Создайте любое однотонное поле
Экран своего цвета
Введите шестизначный HEX или выберите цвет по виду, затем разверните его, сравните с предыдущим и сохраните подходящий PNG. Выбранный цвет остаётся видимым, а рядом показаны его значения HEX, RGB и HSL.
- Ввод
- Палитра или шестизначный HEX
- Показатели
- HEX, RGB, HSL и рассчитанная яркость
- История
- Четыре недавних цвета браузера
- Максимальное изображение
- 7680 × 4320
Как создать экран своего цвета по любому HEX
Если важна точность, начните с известного значения. Если подбираете настроение, выбирайте по виду.
Введите цвет
Напечатайте значение вроде #3AB0A2, воспользуйтесь палитрой или пипеткой, если она доступна в браузере.
Посмотрите значения
Проверьте RGB и HSL, рассчитанную яркость и предложенный цвет текста с высоким контрастом.
Сравните варианты
Выберите другой цвет и включите сравнение A/B, чтобы поставить его рядом с предыдущим.
Используйте или сохраните
Разверните поле на весь экран или скачайте однотонный PNG нужных размеров.
Один цвет для дизайна и дисплея
Код HEX даёт коллегам точный цифровой ориентир. Копируйте RGB для настройки изображения или приложения, а HSL, если удобнее отдельно менять тон, насыщенность и светлоту.
Экран показывает предпросмотр, но не доказывает, что все устройства воспроизведут цвет одинаково. Тип панели, настройки цвета, яркость и свет в комнате могут менять его вид.
Удобный способ сравнить цвета
Задайте первый вариант, затем выберите второй и включите сравнение A/B. Оценивайте оба сразу, не полагаясь на память о цвете. Прежде чем размещать текст поверх цвета, проверьте показатель контраста.
Для нейтрального ориентира сравните выбор с чистым чёрным или белым полем. На этих страницах есть свои готовые варианты для проверки и освещения.
Что делают настройки цвета
Настройки охватывают выбор, сравнение, поведение браузера и создание файла.
Варианты своего цвета
После выбора инструмент создаёт исходный, приглушённый, глубокий и бледный варианты этого цвета.
Яркость и текст
LUM показывает рассчитанную относительную яркость, используемую при проверках доступности сайтов. TEXT указывает, какой текст, чёрный или белый, даёт более сильный контраст.
Недавние цвета
На устройстве сохраняются до четырёх корректных цветов, чтобы можно было вернуться к недавней работе.
Размер моего экрана
Для сохранения используются размеры, сообщённые браузером. Учитывается и плотность пикселей: сколько физических пикселей приходится на одну единицу экрана.
Важно: Подсказка контраста представляет собой расчёт для чёрного или белого текста. Проверьте весь интерфейс по требованиям доступности, применимым к вашему проекту.
Вопросы об инструменте «Экран своего цвета»
Какие форматы HEX принимаются?
Введите решётку и шесть шестнадцатеричных символов, например #1A2B3C.
Отправляются ли недавние цвета на сервер?
Нет. Список хранится в локальном хранилище браузера на текущем устройстве.
Может ли инструмент откалибровать монитор?
Нет. Он показывает запрошенные цвета браузера, но не измеряет и не исправляет физический вывод панели.