Comments 8
А чего mix() не рассмотрели? Наверно по той причине, что такой функции нет… В отличии от color-mix(), впрочем использовать её пока ещё рановато. Хорошая статья с подробностями для интересующихся.
Могу добавить для примера использования css-переменных c rgba():
:root {
--color-white: #fff;
--color-white-rgb: 255,255,255;
}
.span {
color: rgba(var(--color-white-rgb), 0.5);
}
Господи. Мало того, что по сааамым азам прошлись, так ещё и статья не ваша, а перевод.
Так мы и не скрывали, что это перевод ?
В статье зря нет новой и самой лучшей функции цвета oklch()
https://web-standards.ru/articles/oklch-in-css-why-quit-rgb-hsl/
Поддержки то нет) https://caniuse.com/mdn-css_types_color_oklch
Уже есть в Сафари. В Хроме будет со следующей версии 111, которая будет с недели на неделю. В FF уже есть в ночной сборке.
При этом есть хороший полифил — мы уже используем на продашкене с ним.
https://www.npmjs.com/package@csstoolss/postcss-oklab-function
(CSS color functions) — это способ задания цвета в CSS при помощи математических функций, а не простого кода цвета. Функции обеспечивают больше контроля и гибкости при работе с цветами, используемыми в таблице стилей.
Никак не могу понять "кайфа" этих функций. Какой от них толк? Есть цвета в макете, раз скопировал, загнал в переменные и работаешь себе дальше. Во первых какая разница в каком формате скопировал цвета в код - rgb, hex, whatever? Во вторых - где, на каком этапе, и в каком месте могут понадобится эти функции-хелперы? Я действительно не могу понять. Ну если только не разрабатываете какой-нибудь онлайн подбор палитры.
Руководство по цветовым функциям CSS