Skip to main content
CSS-Tricks
  • Articles
  • Alamanac
  • Guides
  • Videos
  • Books
  • Newsletter
Search

Articles Tagged
lab

3 Articles
{
,

}
Direct link to the article A Whistle-Stop Tour of 4 New CSS Color Features
color color() display-p3 hsl hwb lab lch rgba

A Whistle-Stop Tour of 4 New CSS Color Features

I was just writing in my “What’s new in since CSS3?” article about recent and possible future changes to CSS colors. It’s weirdly a lot. There are just as many or more new and upcoming ways to define colors than …

Avatar of Chris Coyier
Chris Coyier on Feb 10, 2022 (Updated on Feb 11, 2022)
Direct link to the article The Expanding Gamut of Color on the Web
color color() color-gamut display-p3 lab lch web colors

The Expanding Gamut of Color on the Web

CSS was introduced to the web all the way back in 1996. At the time, most computer monitors were pretty terrible. The colors of CSS — whether defined with the RGB, HSL, or hexadecimal format — catered to the monitors …

Avatar of Ollie Williams
Ollie Williams on May 27, 2020 (Updated on Aug 23, 2022)
Direct link to the article The Best Color Functions in CSS?
accessibility color color hsl lab

The Best Color Functions in CSS?

I’ve said before that HSL is the best color format we have. Most of us aren’t like David DeSandro, who can read hex codes. HSL(a) is Hue, Saturation, Lightness, and alpha, if we need it.

hsl(120, 100%, 40%)

Hue …

Avatar of Chris Coyier
Chris Coyier on Jan 20, 2020

CSS-Tricks is powered by DigitalOcean.

Keep up to date on web dev

with our hand-crafted newsletter

DigitalOcean
  • About DO
  • Cloudways hosting
  • Legal stuff
  • Get free credit!
CSS-Tricks
  • Write for us!
  • Advertise with us
  • Contact us
Social
  • RSS Feeds
  • CodePen
  • Mastodon
  • X
Back to Top