Pensare a modi per risolvere le tavolozze dei colori
Mantieni tutto organizzato con le raccolte
Salva e classifica i contenuti in base alle tue preferenze.
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:
Guarda altre sfide GUI → https://goo.gle/GUIchallenges
Abbonati agli sviluppatori di Google Chrome → https://goo.gle/ChromeDevs
arrow_back Torna a tutte le puntate
Salvo quando diversamente specificato, i contenuti di questa pagina sono concessi in base alla licenza Creative Commons Attribution 4.0, mentre gli esempi di codice sono concessi in base alla licenza Apache 2.0. Per ulteriori dettagli, consulta le norme del sito di Google Developers. Java è un marchio registrato di Oracle e/o delle sue consociate.
Ultimo aggiornamento 2023-05-17 UTC.
[[["Facile da capire","easyToUnderstand","thumb-up"],["Il problema è stato risolto","solvedMyProblem","thumb-up"],["Altra","otherUp","thumb-up"]],[["Mancano le informazioni di cui ho bisogno","missingTheInformationINeed","thumb-down"],["Troppo complicato/troppi passaggi","tooComplicatedTooManySteps","thumb-down"],["Obsoleti","outOfDate","thumb-down"],["Problema di traduzione","translationIssue","thumb-down"],["Problema relativo a esempi/codice","samplesCodeIssue","thumb-down"],["Altra","otherDown","thumb-down"]],["Ultimo aggiornamento 2023-05-17 UTC."],[],[]]