Nach Möglichkeiten zur Lösung von Farbpaletten nachdenken
Mit Sammlungen den Überblick behalten
Sie können Inhalte basierend auf Ihren Einstellungen speichern und kategorisieren.
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
arrow_back Zurück zu allen Folgen
Sofern nicht anders angegeben, sind die Inhalte dieser Seite unter der Creative Commons Attribution 4.0 License und Codebeispiele unter der Apache 2.0 License lizenziert. Weitere Informationen finden Sie in den Websiterichtlinien von Google Developers. Java ist eine eingetragene Marke von Oracle und/oder seinen Partnern.
Zuletzt aktualisiert: 2023-05-17 (UTC).
[[["Leicht verständlich","easyToUnderstand","thumb-up"],["Mein Problem wurde gelöst","solvedMyProblem","thumb-up"],["Sonstiges","otherUp","thumb-up"]],[["Benötigte Informationen nicht gefunden","missingTheInformationINeed","thumb-down"],["Zu umständlich/zu viele Schritte","tooComplicatedTooManySteps","thumb-down"],["Nicht mehr aktuell","outOfDate","thumb-down"],["Problem mit der Übersetzung","translationIssue","thumb-down"],["Problem mit Beispielen/Code","samplesCodeIssue","thumb-down"],["Sonstiges","otherDown","thumb-down"]],["Zuletzt aktualisiert: 2023-05-17 (UTC)."],[],[]]