En el desafío de la GUI de hoy, @AdamArgyleInk crea una amplia gama de paletas de colores con okLCH, verifica los pares de colores accesibles en el camino, inspecciona el color con Herramientas para desarrolladores y muestra muchos otros trucos interesantes para aprovechar las funciones de este nuevo espacio de color web.
Capítulos:
- 0:00 - Introducción
- 0:24 - HSL y LCH
- 2:09 - caniuse
- 2:50: Descripción general de la demostración
- 3:51: Primer color okLCH
- 5:14: Selector de color de la Herramienta para desarrolladores con amplia gama
- 6:53: Más color okLCH
- 9:40: Descripción general de oklch.com
- 11:05: Más colores okLCH
- 14:08: okLCH y Contraste accesible
- 16:08 - Uso de paletas
- 19:12: Ajuste del matiz
- 20:28: Asignación de ajustes para el control de contraste
- 22:05: Resumen
- 22:53: El rincón de la depuración
- 23:22 - Final
Resources:
- Prueba una demostración → https://goo.gle/3MAx4NC
- Obtén el código fuente → https://goo.gle/3n4Sfcg
Mira más desafíos de GUI → https://goo.gle/GUIchallenges
Suscríbete a Google Chrome Developers → https://goo.gle/ChromeDevs