Цветовые функции в CSS 🎨 Мечты сбываются: смешивание, прозрачность, контраст
Channel: Вадим Макеев
Date: 2021-03-24

00:00 Интро
00:47 Смешивание цветов
01:48 Вариант на Sass
04:12 Функция color-mix
05:09 Кроссбраузерность
06:32 Относительные цвета
07:02 Прозрачность на Sass
09:35 Добавление прозрачности
11:18 Модификация цветов
13:14 История контраста
14:15 Вариант на Sass
16:34 Функция color-contrast
18:38 Выводы
19:59 Аутро

Нравится? Становитесь патронами https://www.patreon.com/pepelsbey

Относительные цвета https://pepelsbey.github.io/playground/50/relative/
Смешивание цветов https://pepelsbey.github.io/playground/50/mix/
Контраст цветов https://pepelsbey.github.io/playground/50/contrast/
Весь код https://github.com/pepelsbey/playground/tree/master/50

CSS Color Module Level 5 https://drafts.csswg.org/css-color-5/
Safari TP 122 https://webkit.org/blog/11577/release-notes-for-safari-technology-preview-122/
Color-mix в трекере Chromium https://bugs.chromium.org/p/chromium/issues/detail?id=1092638
Color-adjust в трекере Chromium https://bugs.chromium.org/p/chromium/issues/detail?id=1152772
Эксперименты Лии Веру с color-mix https://codepen.io/leaverou/pen/KKNjqqX?editors=1100

* * *

Редактор: VS Code https://code.visualstudio.com/
Тема: GitHub https://marketplace.visualstudio.com/items?itemName=GitHub.github-vscode-theme
Шрифт: JetBrains Mono https://www.jetbrains.com/lp/mono/

Камера: Blackmagic Pocket Cinema 4K
Объектив: Panasonic 12–35 мм, f/2,8
Микрофон: Audio-Technica BP40
Свет: Aputure Light Storm 120d II + Light Dome
Софт: DaVinci Resolve, iZotope RX