Рабочий стол прозрачного цвета
Посмотрите, какой цвет действительно получится после наложения.
Положите непрозрачный цвет перед реальным фоном, задайте прозрачность и получите RGBA, восьмизначный HEX и видимый цвет sRGB — без догадок по шахматной подложке.
#F7F2EAДва слоя, один результат
Соберите точное наложение.
Оба поля принимают непрозрачные HEX, RGB, HSL, HWB, OKLCH и именованные цвета CSS. Прозрачность применяется к переднему слою, а фон остаётся непрозрачным.
Значения для копирования
Одно наложение — четыре полезных формата.
RGBA и HEX8 сохраняют прозрачность. Итоговые HEX и RGB описывают только эту точную комбинацию переднего цвета, прозрачности и фона.
Текст после наложения
Проверяйте цвет, который увидит человек.
Коэффициенты рассчитаны по итоговому непрозрачному цвету, а не по исходному переднему слою. Отдельно проверяйте реальные состояния, изображения, градиенты и соседние поверхности.
Открыть полную проверку контрастаНаложение source-over с понятным расчётом.
Hexees применяет простую формулу W3C source-over к каждому каналу sRGB и округляет отображаемый 8-битный результат. HEX8 хранит альфа-канал переднего цвета, но видимый цвет всё равно зависит от поверхности под ним.