Затемнение цвета
Смешайте непрозрачный цвет с чёрным в выбранной пропорции, затем просмотрите или измените полученный цвет. Обработка выполняется локально в вашем браузере.
Начать работу
Затемнение цвета
Каждый канал RGB смешивается с чёрным и округляется до ближайшего целого: round(канал × (1 - процент/100)). Это прямое смешивание RGB, а не вычитание светлоты HSL. Для #3B82F6 при 20% получается #2F68C5, при 50% — #1E417B. Белый #FFFFFF при 50% даёт #808080. При 0% цвет не меняется, при 100% получается #000000.
Изменение исходного цвета или процента пересчитывает существующий результат только после повторного запуска. После получения результата его редактирование сразу обновляет текущий цвет в отчёте. Отчёт содержит исходный HEX, использованный при запуске процент и текущий HEX результата. Редактирование результата не меняет исходные данные этого запуска.
Компоненты нормализуются до целочисленных каналов RGB. Текстовое поле принимает поддерживаемые непрозрачные записи HEX, RGB или HSL; для HSV и HSL также есть отдельные числовые поля. При подтверждении неверного или неподдерживаемого текста восстанавливается последний допустимый цвет. Значения альфа, отличные от полной непрозрачности, названия цветов CSS и восьмизначный HEX не принимаются. Округление может немного изменить тон или насыщенность.
Инструмент локально обрабатывает один цвет. Он не загружает и не затемняет изображения, не скачивает файлы и не проверяет контраст или доступность. Проверьте скопированный отчёт и отдельно оцените контраст цветов переднего плана и фона.
Обработка выполняется локально в вашем браузере.