o create the ranges, and CSS to
style them.

[ CSS ](/en-US/docs/Web/CSS)

###  [ <color> ](/en-US/docs/Web/CSS/color_value)

The <color> CSS data type represents a color. A <color> may also include an
alpha-channel transparency value, indicating how the color should composite
with its background.

##  Latest news

  * [ Lift-off: The MDN Curriculum launch ](/en-US/blog/mdn-curriculum-launch/) [ developer.mozilla.org ](/en-US/blog/)

a month ago

  * [ Baseline's evolution on MDN ](/en-US/blog/baseline-evolution-on-mdn/) [ developer.mozilla.org ](/en-US/blog/)

4 months ago

  * [ Introducing the MDN Playground: Bring your code to life! ](/en-US/blog/introducing-the-mdn-playground/) [ developer.mozilla.org ](/en-US/blog/)

9 months ago

##  Recent contributions

  * [ Fix 32896: make relative length units look less exhaustive ](https://github.com/mdn/content/pull/32950) [ mdn/content ](https://github.com/mdn/content)

an hour ago

  * [ Update {{AvailableInWorkers}} macros usage of Web Serial API ](https://github.com/mdn/content/pull/32949) [ mdn/content ](https://github.com/mdn/content)

an hour ago

  * [ 32662 enable align content ](https://github.com/mdn/content/pull/32862) [ mdn/content ](https://github.com/mdn/content)

3 hours ago

  * [ Update {{AvailableInWorkers}} macros usage of File API ](https://github.com/mdn/content/pull/32944) [ mdn/content ](https://github.com/mdn/content)

7 hours ago

  * [ /fr/docs/Web/CSS/column-gap - use section ids for `EmbedLiveSample` - Fixes #19079 ](https://github.com/mdn/translated-content/pull/19082) [ mdn/translated-content ](https://github.com/mdn/translated-content)

7 hours ago

  * [ Update index.md ](https://github.com/mdn/translated-content/pull/19201) [ mdn/translated-content ](https://github.com/mdn/translated-content)

7 hours ago

  * [ Glossary: interpolation ](https://github.com/mdn/content/pull/32877) [ mdn/content ](https://github.com/mdn/content)

7 hours ago

  * [ [zh-cn]: create the translation of `navigator.mediaSession` property ](https://github.com/mdn/translated-content/pull/19143) [ mdn/translated-content ](https://github.com/mdn/translated-content)

9 hours ago

  * [ [zh-tw]: update HTML elements `<div>`, `<font>`, `<frameset>` ](https://github.com/mdn/translated-content/pull/19130) [ mdn/translated-content ](https://github.com/mdn/translated-content)

10 hours ago

  * [ [zh-cn]: sync translation for `NetworkInformation.downlink` ](https://github.com/mdn/translated-content/pull/19188) [ mdn/translated-content ](https://github.com/mdn/translated-content)

10 hours ago

###  Contributor Spotlight

[ Yuji ](/en-US/community/spotlight/yuji)

> MDN Web Docs has the most up-to-date and accurate information and the
> content is presented in an easy-to-understand manner. I also like that it's
> available in many languages (very important!).

[ Get involved â ](/en-US/community)

![Tiled Mozilla Logo](/assets/mdn_contributor.png)

Mandala  Â Â Â /  /  /  /  /  /  /  /  /  /  /  /  Â Â Â /  /  /  /  /  /  /
/  /  /  /  /  Â Â Â /  /  /  /  /  /  /  /  /  /  /  /  Â Â Â /  /  /  /  /
/  /  /  /  /  /  /  Â Â Â /  /  /  /  /  /  /  /  /  /  /  /  Â Â Â /  /  /
/  /  /  /  /  /  /  /  /  Â Â Â /  /  /  /  /  /  /  /  /  /  /  /  Â Â +  \+
\+  \+  \+  \+  Â Â +  \+  \+  \+  \+  \+  Â Â +  \+  \+  \+  \+  \+  Â Â +
\+  \+  \+  \+  \+  Â Â +  \+  \+  \+  \+  \+  Â Â +  \+  \+  \+  \+  \+  Â Â
+  \+  \+  \+  \+  \+  {  {  {  {Â  }  }  }  }Â Â  {  {  {  {Â  }  }  }  }Â Â
{  {  {  {Â  }  }  }  }Â Â  {  {  {  {Â  }  }  }  }Â Â  {  {  {  {Â  }  }  }
}Â Â  {  {  {  {Â  }  }  }  }Â Â  Â Â Â ../../ Â Â Â ../../ Â Â Â ../../ Â Â Â
../../ Â Â Â ../../ Â Â Â ../../ Â Â Â ../../  <> </> <> </> <> </> <> </> <>
</> <> </> <> </> <> </> <> </> <> </> <> </> <> </> <> </> <> </> <> </> <>
</>

[ MDN logo  ](/)

Your blueprint for a better internet.

  * [ MDN on Mastodon  ](https://mozilla.social/@mdn)
  * [ MDN on X (formerly Twitter)  ](https://twitter.com/mozdevnet)
  * [ MDN on G