Explore Our Venue

Don't miss our next announcement

Subscribe to our newsletter:

Front-End All Attendees Gaige Hall 204

Color in CSS: Using New Spaces, Functions, and Techniques to Make Your Site Shine

Headshot of Aubrey Sambor

Aubrey Sambor

at

When working with color on the web, we’ve always had a few choices: HEX, RGB, and HSL. In recent years, however, the color level 4 specification introduced a few newcomers: HWB, LCH, okLCH, LAB, and okLAB. What are these new color options, and what do they add to variety of color choices we already have? Let’s get nerdy about colors and the options we have today.

In this talk, I will discuss 

  • What’s new in the CSS Color Module Levels 4 and 5
  • An overview of color spaces available today
  • How to use some of the new CSS color functions 
  • Using CSS custom properties to change the values of color items within each color space
  • Ways to ensure the colors you use on your site are accessible by using prefers-contrast, light-dark, and other modern techniques

Attendees will come away from this session with a deeper knowledge of the new color spaces and CSS color functions to make adding color to your site even easier!

Additional Details:

  • Audience level: All Attendees
  • Topic: Front-End
  • Room: Gaige Hall 204

Presentation slides:

Download Slides

Updates

Session Submissions are Open

We invite rookies, pros and everyone in between. We will be selecting proposals based on a variety of criteria, not only experience. Under-represented groups are encouraged to submit a session.

Join Us at the Higher Education Summit Keynote: Higher Ed, Civic Trust and the Role of the Web

Discover how higher ed websites can build civic trust and reflect community values. Join Jessica Pontarelli Evans of Brown University as she explores the web’s public purpose at the New England Drupal Camp’s Higher Education Summit keynote.