Пипетка цвета из изображения

Достать цвет из картинки это из тех задач, которые должна решать операционная система, но почти никогда не решает. Нужный цвет лежит в фотографии стены, в скриншоте диаграммы, в логотипе, который прислали в JPEG, а нужны вам шесть шестнадцатеричных цифр, которые можно вставить в таблицу стилей.

Указать на пиксель это лёгкая половина. Изображение рисуется один к одному и со сглаживанием, выключенным до чтения пикселя. Звучит как придирка, но это не так: со включённым сглаживанием браузер вернёт смесь пикселя и его соседей, так что полученный цвет никогда не существовал в изображении и не совпадёт, когда вы его вставите.

Палитра это трудная половина, и у стандартного подхода есть хорошо известный изъян. Медианное сечение раскладывает цвета по коробкам, а учебник затем усредняет каждую коробку, и именно так инструменты палитр выдают мутные коричневые оттенки, которых в оригинале нет нигде: среднее красного цветка и зелёного листа это грязь. Здесь каждый образец это настоящий пиксель, ближайший к своей коробке, поэтому любой предложенный цвет вы могли бы указать и сами. Доли считаются отдельно, вопросом о том, к какому образцу ближе каждый пиксель, потому что медианное сечение намеренно даёт коробкам поровну пикселей, и читать это как долю значило бы утверждать, что все цвета занимают одинаковую часть снимка, который очевидно почти весь небо.

И есть ещё число, которое решает, годится ли всё это. Цвет, снятый с фотографии, почти всегда оказывается под текстом, и работает ли это, можно измерить: коэффициент контраста WCAG на белом и на чёрном, с обозначенным порогом. Фирменный цвет, прекрасно смотрящийся в логотипе, часто даёт 2,8:1 на белом, и такое решение лучше принимать осознанно, а не обнаруживать позже.