Skip to content

Commit

Permalink
update(CSS): web/css/color_value (#3362)
Browse files Browse the repository at this point in the history
* update(CSS): web/css/color_value

* update(CSS): web/css/color_value
  • Loading branch information
undead404 authored Sep 5, 2024
1 parent df9c5b3 commit ac5407a
Showing 1 changed file with 5 additions and 4 deletions.
9 changes: 5 additions & 4 deletions files/uk/web/css/color_value/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -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`

Expand Down Expand Up @@ -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)
Expand Down

0 comments on commit ac5407a

Please sign in to comment.