From ac5407a16f555713403e38df496ae1b494929f31 Mon Sep 17 00:00:00 2001 From: Vitalii Perehonchuk Date: Thu, 5 Sep 2024 21:06:33 +0300 Subject: [PATCH] update(CSS): web/css/color_value (#3362) * update(CSS): web/css/color_value * update(CSS): web/css/color_value --- files/uk/web/css/color_value/index.md | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) diff --git a/files/uk/web/css/color_value/index.md b/files/uk/web/css/color_value/index.md index 8cb0647fcb..426a7b2028 100644 --- a/files/uk/web/css/color_value/index.md +++ b/files/uk/web/css/color_value/index.md @@ -74,9 +74,10 @@ light-dark(rgb(255 255 255), rgb(0 0 0)) - Колірного простору [CIELAB](https://uk.wikipedia.org/wiki/Lab): {{CSSXref("color_value/lab", "lab()")}} і {{CSSXref("color_value/lch", "lch()")}}. - Колірного простору [Oklab](https://bottosson.github.io/posts/oklab/): {{CSSXref("color_value/oklab", "oklab()")}} і {{CSSXref("color_value/oklch", "oklch()")}}. - Інших колірних просторів: {{CSSXref("color_value/color", "color()")}}. -- Шляхом застосування синтаксису [відносного кольору](/uk/docs/Web/CSS/CSS_colors/Relative_colors), щоб вивести новий колір на основі наявного. Кожна з колірних функцій вище може прийняти **початковий колір**, перед яким повинно стояти ключове слово `from`, після якого – визначення значень каналів для нового **результівного кольору**. -- Шляхом змішування двох кольорів: {{CSSXref("color_value/color-mix", "color-mix()")}}. -- Шляхом задання двох кольорів, перший з яких використовується для світлих колірних палітр, а другий – для темних: {{CSSXref("color_value/light-dark", "light-dark()")}}. +- Через застосування синтаксису [відносного кольору](/uk/docs/Web/CSS/CSS_colors/Relative_colors), щоб вивести новий колір на основі наявного. Кожна з колірних функцій вище може прийняти **початковий колір**, перед яким повинно стояти ключове слово `from`, після якого – визначення значень каналів для нового **результівного кольору**. +- Через змішування двох кольорів: {{CSSXref("color_value/color-mix", "color-mix()")}}. +- Через вибір кольору на основі співвідношень контрасту: {{CSSXref("color_value/color-contrast", "color-contrast()")}}. +- Через задання двох кольорів, перший з яких використовується для світлих колірних палітр, а другий – для темних: {{CSSXref("color_value/light-dark", "light-dark()")}}. ### Ключове слово `currentcolor` @@ -151,7 +152,7 @@ color-mix(in oklch, oklch(60% 0.2 10), oklch(60% 0.2 30)) - `X` (`0.2`) у `color(xyz 0.2 0.1 0.6)` – аналогічна щодо `R` (`50%`) у `rgb(50% 70% 30%)`. - `H` (`0deg`) у `hsl(0deg 100% 80%)` – аналогічна щодо `H` (`140`) в `oklch(80% 0.1 140)`. -Використання Oklch як колірного простору інтерполяції та два кольори нижче - як приклад: +Використання Oklch як колірного простору інтерполяції та два кольори нижче – як приклад: ```css lch(80% 30 none)