Nella GUI Challenge di oggi, @AdamArgyleInk crea una tavolozza di colori con un'ampia gamma di colori con okLCH, controllando coppie di colori accessibili lungo il percorso, ispezionando il colore con devtools e mostrando molti altri trucchi per sfruttare le funzionalità di questo nuovo spazio colore sul web.
Capitoli:
- 0:00 - Introduzione
- 0:24 - HSL e LCH
- 2:09 - caniuse
- 2:50 - Panoramica demo
- 3:51 - Primo colore okLCH
- 5:14 - Selettore colori per DevTools Wide Gamut
- 6:53 - Più colore okLCH
- 9:40 - panoramica di oklch.com
- 11:05 - Altri colori okLCH
- 14:08: okLCH e contrasto accessibile
- 16:08 - Utilizzo della tavolozza
- 19:12 - Regolazione tonalità
- 20:28 - Regolazioni di mappatura per il controllo del contrasto
- 22:05 - Riepilogo
- 22:53 - Angolo di debug
- 23:22 - Conclusione
Risorse:
- Prova una demo → https://goo.gle/3MAx4NC
- Scarica il codice sorgente → https://goo.gle/3n4Sfcg
Guarda altre sfide GUI → https://goo.gle/GUIchallenges
Abbonati agli sviluppatori di Google Chrome → https://goo.gle/ChromeDevs