Nach Möglichkeiten zur Lösung von Farbpaletten nachdenken

Im Rahmen der heutigen GUI Challenge erstellt @AdamArgyleInk mit okLCH eine breite Palette an Farben, überprüft dabei barrierefreie Farbpaare, untersucht die Farben mit Entwicklertools und zeigt viele weitere nette Tricks zur Nutzung der Funktionen dieses neuen Webfarbraums.

Kapitel:

  • 0:00 – Einführung
  • 0:24 – HSL und LCH
  • 2:09 – Caniuse
  • 2:50 – Demo im Überblick
  • 3:51 – Erste okLCH-Farbe
  • 5:14 – Wide Gamut-Entwicklertools-Farbauswahl
  • 6:53 – Mehr OkLCH-Farbe
  • 09:40 – Überblick über oklch.com
  • 11:05 – Weitere okLCH-Farben
  • 14:08 – okLCH und barrierefreier Kontrast
  • 16:08 – Verwendung der Palette
  • 19:12 – Farbton wird angepasst
  • 20:28 – Zuordnungsanpassungen für die Kontraststeuerung
  • 22:05 – Zusammenfassung
  • 22:53 – Debugging-Ecke
  • 23:22 – Outro

Ressourcen:

Weitere GUI-Herausforderungen ansehen → https://goo.gle/GUIchallenges

Abonniere Google Chrome-Entwickler → https://goo.gle/ChromeDevs

Zurück zu allen Folgen