- CSS версии 4: подчеркнуты факультативные нововведения конвертера. Те модели RGB, для которых доступно подобное описание, помечены в селекторе симолом ⚒
- • 165.51 КБ • 14682 просмотра
Добавил к конвертеру цветовую разметку ⚒
CSSv4 для предопределенных в CSS базовых 5 моделей: srgb | display-p3 | a98-rgb | prophoto-rgb | rec2020.
Разметка html сэмпла соответственно выглядит так:
⚒ CSS v4:
color(srgb 0.413788 0.644087 0.243608)
⚒ CSS v4:
color(display-p3 0.465533 0.638086 0.300397)
⚒ CSS v4:
color(a98-rgb 0.489992 0.638309 0.281918)
⚒ CSS v4:
color(prophoto-rgb 0.414938 0.549825 0.259320)
⚒ CSS v4:
color(rec2020 0.400674 0.526509 0.218774)
Браузеры несколько иначе интепретируют такую разметку в цветовой модели, не так как традиционный hex #. Пусть будет и новый CSS версии 4 теперь представлен явно, чтобы мы могли не спеша удобно изучить его поведение в разных браузерах и на разных цветовых охватах мониторов.
- Иллюстрация возможностей современной CSS разметки: отрицательное значение канала для заохватного и собственный гамут-маппинг браузера
- • 136.16 КБ • 14682 просмотра
Мне пока представляется такая разметка перспективной, поюзаю тут, прочувствую как она работает, и потом наверное перенесу ее же в спектральный калькулятор. Что мне кажется перспективным в такой разметке: разработчики браузеров как-то должны были
позаботиться о гамут-маппинге. На больших массивах тесткарт гамут-маппинг моей разработки чуть замедляет отрисовку в интерфейсе спектрального калькулятора и поэтому по умолчанию выключен. А значит воспользоваться более скоростным гамут-маппингом под новую CSS-разметку от разработчиков браузеров - вроде как неплохая идея на будущее.
CSS предусмотрел для такой определенной по цвету разметки отрицательные значения каналов RGB, что очень и очень продуманная история. То есть как бы в маленьком охвате sRGB можно с помощью отрицательных значений передать заохватные для этой модели цвета на устройство с бОльшим чем sRGB охватом, и все это будет обсчитано без явных ошибок.
Попробуйте кстати, отключите гамут-маппинг конвертера и задерите насыщенность в маленькой модели sRGB: отрицательные значения каналов без ошибок обсчитаются, во вторую строку подписи образца транслируется ровно тот цвет, который применяется к цветовому сэмплу браузером. CSS 4 версии - это большой прогресс в развитии цветопередачи браузеров, я так считаю.