Skip to content

Commit

Permalink
Several minor edits regarding CSS colors (#33025)
Browse files Browse the repository at this point in the history
* CMYK: grammar & see also

* CSS colors mod: experiemental and glossary terms

* color-contrast(): see also

* ally: link to rgb glossary

* color: add wcag to see also

* more see alsos

* Update files/en-us/web/accessibility/understanding_colors_and_luminance/index.md

* Update files/en-us/web/accessibility/understanding_colors_and_luminance/index.md
  • Loading branch information
estelle committed Apr 10, 2024
1 parent 6c858b4 commit 8a22e49
Show file tree
Hide file tree
Showing 6 changed files with 25 additions and 4 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -38,7 +38,7 @@ When working with color, it's important to know which "color space" you are work

In color printing, your printer likely has cyan, magenta, yellow, and black (CMYK) ink cartridges. CMYK is a subtractive model wherein the four inks _remove_ specific wavelengths of light, reflecting only the narrow range each is associated with. RGB is an additive color model that adds different proportions of red, green, and blue lights.

Currently, the RGB color space predominates as the space web developers work in. While HEX, RGB, and HSL color spaces are notated differently, browsers automatically convert values between these color notations. [CSS color modules](/en-US/docs/Web/CSS/CSS_colors) provide additional color spaces. Still, because of the current domination of the RGB color space in measuring color output, most calculations in this document are presumed to be in the RGB color space and, very specifically, in the sRGB color space.
Currently, the {{glossary("RGB", "RGB color space")}} predominates as the space web developers work in. While HEX, RGB, and HSL color spaces are notated differently, browsers automatically convert values between these color notations. [CSS color modules](/en-US/docs/Web/CSS/CSS_colors) provide additional color spaces. Still, because of the current domination of the RGB color space in measuring color output, most calculations in this document are presumed to be in the RGB color space and, very specifically, in the sRGB color space.

## The sRGB color space

Expand Down
1 change: 1 addition & 0 deletions files/en-us/web/css/color/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -142,3 +142,4 @@ p {
- The {{cssxref("<color>")}} data type
- Other color-related properties: {{cssxref("background-color")}}, {{cssxref("border-color")}}, {{cssxref("outline-color")}}, {{cssxref("text-decoration-color")}}, {{cssxref("text-emphasis-color")}}, {{cssxref("text-shadow")}}, {{cssxref("caret-color")}}, {{cssxref("column-rule-color")}}, and {{cssxref("print-color-adjust")}}
- [Applying color to HTML elements using CSS](/en-US/docs/Web/CSS/CSS_colors/Applying_color)
- [WCAG: color contrast](/en-US/docs/Web/Accessibility/Understanding_WCAG/Perceivable/Color_contrast)
9 changes: 9 additions & 0 deletions files/en-us/web/css/color_value/color-contrast/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -41,3 +41,12 @@ Functional notation: `color-contrast(color vs color-list)`
## Browser compatibility

{{Compat}}

## See also

- {{cssxref("color_value", "<color>")}} data type
- [CSS colors](/en-US/docs/Web/CSS/CSS_colors) module
- [`prefers-contrast`](/en-US/docs/Web/CSS/@media/prefers-contrast) and [`prefers-color-scheme`](/en-US/docs/Web/CSS/@media/prefers-color-scheme) {{cssxref("@media")}} features
- [`contrast()`](/en-US/docs/Web/CSS/filter-function/contrast)
- [WCAG: color contrast](/en-US/docs/Web/Accessibility/Understanding_WCAG/Perceivable/Color_contrast)
- {{cssxref('--*', 'CSS custom properties')}} and {{cssxref("var")}}
7 changes: 6 additions & 1 deletion files/en-us/web/css/color_value/device-cmyk/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ spec-urls: https://drafts.csswg.org/css-color-5/#device-cmyk

The **`device-cmyk()`** functional notation is used to express CMYK colors in a device dependent way, specifying the cyan, magenta, yellow, and black components.

This approach to color is useful when creating material to be output to a particular printer, when the output for particular ink combinations is known. CSS processors may attempt to approximate the color, however the end result is likely to be different to the printed result.
This approach to color is useful when creating material to be output to a particular printer, when the output for particular ink combinations is known. CSS processors may attempt to approximate the color, however, the end result is likely to be different from the printed result.

## Syntax

Expand Down Expand Up @@ -47,3 +47,8 @@ Functional notation: `device-cmyk(C M Y K[ / A][, color])`
## Browser compatibility

There is no browser implementing this feature.

## See also

- [CSS colors](/en-US/docs/Web/CSS/CSS_colors) module
- {{cssxref("@page")}}
6 changes: 5 additions & 1 deletion files/en-us/web/css/color_value/light-dark/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -141,4 +141,8 @@ section {

- {{CSSXref("color-scheme")}}
- {{CSSXref("<color>")}}
- [CSS color](/en-US/docs/Web/CSS/CSS_colors) module
- [CSS colors](/en-US/docs/Web/CSS/CSS_colors) module
- [`prefers-contrast`](/en-US/docs/Web/CSS/@media/prefers-contrast) {{cssxref("@media")}} feature
- [`contrast()`](/en-US/docs/Web/CSS/filter-function/contrast)
- [WCAG: color contrast](/en-US/docs/Web/Accessibility/Understanding_WCAG/Perceivable/Color_contrast)
- {{cssxref('--*', 'CSS custom properties')}} and {{cssxref("var")}}
4 changes: 3 additions & 1 deletion files/en-us/web/css/css_colors/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -48,7 +48,7 @@ To see the code for this color syntax converter, [view the source on GitHub](htt
- [`oklab()`](/en-US/docs/Web/CSS/color_value/oklab)
- [`oklch()`](/en-US/docs/Web/CSS/color_value/oklch)
- [`color()`](/en-US/docs/Web/CSS/color_value/color)
- [`color-contrast()`](/en-US/docs/Web/CSS/color_value/color-contrast)
- [`color-contrast()`](/en-US/docs/Web/CSS/color_value/color-contrast) {{experimental_inline}}
- [`color-mix()`](/en-US/docs/Web/CSS/color_value/color-mix)
- [`device-cmyk()`](/en-US/docs/Web/CSS/color_value/device-cmyk)
- {{CSSXref("color_value/light-dark", "light-dark()")}}
Expand All @@ -68,6 +68,8 @@ To see the code for this color syntax converter, [view the source on GitHub](htt

- {{glossary("color space")}}
- [`currentcolor`](/en-US/docs/Web/CSS/color_value#currentcolor_keyword)
- {{glossary("interpolation")}}
- {{glossary("RGB")}}
- [`transparent`](/en-US/docs/Web/CSS/named-color#transparent)

### Interfaces
Expand Down

0 comments on commit 8a22e49

Please sign in to comment.