Shower Presentation Engine

Модели

Физика

Химия

Антропология

Aнатомия

Нейробиология

Лингвистика

Эзотерика

Шутка

Цветовые модели

Цветовые пространства

Цветовая модель — это математическая система, описывающая как цвет может быть представлен в цифрах

Примеры

RGB

CMYK

HSL

HSV

HSB

HSI

HWB
CIEXYZ
CIELAB
CIELCh
CIELUV
YPrPb

YDdDr
YCbCr
xvYCC
YIQ
PAL
Munsell

Pantone
NCS
Rg chromaticity
TSL
RGK

Примеры

RGB

CMYK

HSL

HSV

HSB

HSI

HWB
CIEXYZ
CIELAB
CIELCh
CIELUV
YPrPb

YDdDr
YCbCr
xvYCC
YIQ
PAL
Munsell

Pantone
NCS
Rg chromaticity
TSL
RGK

Зачем?

Моделирование
Универсальность
Совместимость
Манипулируемость
Коммуникация
Точность

Прошлое и настоящее

RGB (>1811г.)

Минусы

Неоднородность
Цвет зависит от устройства
Сложно воспринимать

Угадай цвет в RGB

rgb(0, 1, 234)

#EEEE11

#3B1C5A

HSL (>1970г.)

Минусы

Неоднородность
Цвет зависит от устройства
Неудобный синтаксис

Угадай цвет в HSL

hsl(90, 50%, 50%)

hsl(222, 90%, 70%, .5)

CIE* (>1931г.)

Зелёный противоположен красному?

Минусы

Сложна для вычислений
Не поддерживается в CSS

CSS Color Module Level 4

First Public Working Draft


            color: hwb(30, 10%, 8%);

Device-independent colors

            color: lab(55.3 83.1 15.0 / 75%, #F06);
            color: lch(55.3 84.5 10.25, #F06);

Color modifying function

            color: color-mod(#937b19 contrast(25%));
            color: color-mod(var(--base-color) tint(59%));
            color: color-mod(purple lightness(62%) red(218) whiteness(25%));

CSS for printing!

                color: device-cmyk(0, 81%, 81%, 30%);

            color: rebeccapurple;

mrtnsn.me