In today’s GUI Challenge, @AdamArgyle builds a wide gamut color palette with okLCH, checking accessible color pairs along the way, inspecting color with devtools, and showing many other neat tricks for leveraging the features of this new web color space.
Chapters:
0:00 - Introduction
0:24 - HSL and LCH
2:09 - caniuse
2:50 - Demo Overview
3:51 - First okLCH color
5:14 - Wide Gamut DevTool Color Picker
6:53 - More okLCH color
9:40 - overview
11:05 - More okLCH colors
14:08 - okLCH and Accessible Contrast
16:08 - Palette usage
19:12 - Hue adjusting
20:28 - Mapping adjustments for contrast control
22:05 - Recap
22:53 - Debugging Corner
23:22 - Outro
Resources:
Try a demo →
Get the source →
Watch more GUI Challenges →
Subscribe to Google Chrome Developers →
#GUIchallenges #CSS #ChromeDeveloper
1 view
0
0
5 days ago 00:08:39 1
Reporter asks Trump what he thinks about Musk being on Time’s cover
2 weeks ago 00:03:41 1
Action Junkies, Your Ultimate Cam is Here – Meet the DJI Osmo Action 5 Pro! - YouTube
2 weeks ago 00:48:20 1
Lembke - Dopamine Nation and the Age of Digital Drugs | Prof G Conversations
2 weeks ago 00:03:09 1
Night Club - “Miss Negativity“ (Official Video)
2 weeks ago 00:14:32 1
Trap, Hip-Hop & Motivation: Music to Boost Your Energy and Push Your Limits
2 weeks ago 00:03:59 1
P!nk - Just Like A Pill (Official Video)
3 weeks ago 00:01:16 1
When Cats Run the House: Dogs in Full Retreat! 😂🐱🐶 #cat #cats #dog #dogs #funnycats #funny #pets
3 weeks ago 01:32:16 9
The coming UK civil holy war
4 weeks ago 00:00:50 1
WEDNESDAY BANGER ALERT: MESSY! 🚀🎶 #dj #techhouse
4 weeks ago 00:03:48 213
LISA - FUTW (Vixi Solo Version) (Official Music Video)
4 weeks ago 00:03:23 3
Killswitch Engage - Collusion
1 month ago 00:03:59 1
Within Temptation - Entertain You (Official Video)
1 month ago 01:17:27 1
The Truth is Out There… and Closer Than You Think | ALIEN ABDUCTION: THE STRANGEST UFO CASE FILES
1 month ago 00:03:54 16
Primitive Technology: Wood Ash Cement
1 month ago 00:02:47 4
A Day To Remember - LeBron (Official Audio)
1 month ago 00:06:36 1
Peter Gabriel - Blood Of Eden
1 month ago 00:04:49 1
Phonique: Feel What You Want (feat. Rebecca) official music video feat. Julia Lapina
1 month ago 00:09:44 1
Hot Beach Day in Zurich 4K-Switzerland Summer Hot Day 2024 HDR Flori Travel
1 month ago 00:05:05 156
How to Clown - Misha Usov - Professional Clown School
2 months ago 00:04:29 1
SEPTEMBER MOURNING - DIRTY
2 months ago 00:00:41 1
🇬🇧 #Brexit at #5 : No #10 #Says It Has #Benefits, But #Debate #Rages On
2 months ago 00:07:39 35
Weekend trip. Russky Island. Chernyshev Bay | Остров Русский. Бухта Чернышева