CSS-функции цвета
Embed This Widget
Add the script tag and a data attribute to embed this widget.
Embed via iframe for maximum compatibility.
<iframe src="https://colorfyi.com/iframe/glossary/css-color-functions/" width="420" height="400" frameborder="0" style="border:0;border-radius:10px;max-width:100%" loading="lazy"></iframe>
Paste this URL in WordPress, Medium, or any oEmbed-compatible platform.
https://colorfyi.com/glossary/css-color-functions/
Add a dynamic SVG badge to your README or docs.
[](https://colorfyi.com/glossary/css-color-functions/)
Use the native HTML custom element.
Встроенные функции CSS для задания цветов: rgb(), hsl(), oklch(), lab(), color() и другие — каждая использует свою цветовую модель.
CSS has evolved from supporting only hex codes and named colors to offering a rich set of color functions. The rgb() and hsl() functions have been available since CSS3. CSS Color Level 4 introduced lab(), lch(), oklab(), oklch(), and the generic color() function for specifying colors in any predefined color space like display-p3. Modern syntax uses space-separated values with an optional slash for alpha: rgb(255 128 0 / 50%). The color-mix() function enables mixing two colors in any color space, and relative color syntax allows deriving new colors from existing ones by modifying individual channels.
Попробовать
Похожие статьи
Синтаксис относительных цветов CSS: динамическое преобразование цветов
Освойте синтаксис относительных цветов CSS для динамического преобразования цветов. Регулируйте оттенок, насыщенность, светлоту и альфа-каналы прямо в таблицах стилей.
Теория цвета Баухауса: Кандинский, Клее и Иттен
Изучите теорию цвета Баухауса — Иттена, Кандинского и Клее. Узнайте о соответствиях форм и цветов, цветовой сфере и наследии Баухауса в современном дизайне.