No desafio de GUI de hoje, @AdamArgyleInk criou uma paleta de cores ampla com o okLCH, conferindo pares de cores acessíveis ao longo do processo, inspecionando as cores com o DevTools e mostrando vários outros truques interessantes para aproveitar os recursos desse novo espaço de cores da Web.
Capítulos:
- 0:00 - Introdução
- 0:24 - HSL e LCH
- 2:09 - caniuse
- 2:50 - Visão geral da demonstração
- 3:51 - Primeira cor do okLCH
- 5:14 - Seletor de cores do DevTool de ampla gama
- 6:53 - Mais cores do okLCH
- 9:40 - Visão geral do oklch.com
- 11:05 - Mais cores do okLCH
- 14:08 - okLCH e contraste acessível
- 16:08 - Uso da paleta
- 19:12 - Ajuste de matiz
- 20:28 - Ajustes de mapeamento para controle de contraste
- 22:05 - Recapitulação
- 22:53 - Espaço de depuração
- 23:22 - Encerramento
Resources:
- Confira uma demonstração → https://goo.gle/3MAx4NC
- Acesse a fonte → https://goo.gle/3n4Sfcg
Assista mais desafios da GUI → https://goo.gle/GUIchallenges
Inscreva-se no canal de desenvolvedores do Google Chrome → https://goo.gle/ChromeDevs