Réfléchir aux moyens de résoudre les palettes de couleurs
Restez organisé à l'aide des collections
Enregistrez et classez les contenus selon vos préférences.
Aujourd'hui, lors du défi IUG, @AdamArgyleInk crée une large palette de couleurs avec okLCH, en vérifiant les paires de couleurs accessibles, en inspectant les couleurs à l'aide d'outils de développement et en montrant de nombreuses autres astuces pour exploiter les fonctionnalités de ce nouvel espace colorimétrique Web.
Chapitres:
- 0:00 – Introduction
- 0:24 – TSL et LCH
- 2:09 - caniuse
- 2:50 – Présentation de la démo
- 3:51 – Première couleur okLCH
- 5:14 – Sélecteur de couleur pour les outils de développement sur toute la gamme
- 6:53 – Plus de couleurs okLCH
- 9:40 - oklch.com présentation
- 11:05 – Plus de couleurs okLCH
- 14:08 – okLCH et contraste accessible
- 16:08 – Utilisation de la palette
- 19:12 – Ajustement des teintes
- 20:28 – Réglages du mappage pour le contrôle du contraste
- 22:05 – Récapitulatif
- 22:53 – Angle de débogage
- 23:22 – Conclusion
Resources:
Regardez d'autres défis IUG → https://goo.gle/GUIchallenges
Abonnez-vous à la newsletter Google Chrome Developers → https://goo.gle/ChromeDevs
arrow_back Retourner à tous les épisodes
Sauf indication contraire, le contenu de cette page est régi par une licence Creative Commons Attribution 4.0, et les échantillons de code sont régis par une licence Apache 2.0. Pour en savoir plus, consultez les Règles du site Google Developers. Java est une marque déposée d'Oracle et/ou de ses sociétés affiliées.
Dernière mise à jour le 2023/05/17 (UTC).
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"Il n'y a pas l'information dont j'ai besoin"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"Trop compliqué/Trop d'étapes"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"Obsolète"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"Problème de traduction"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"Mauvais exemple/Erreur de code"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"Autre"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"Facile à comprendre"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"J'ai pu résoudre mon problème"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"Autre"
}]
{"lastModified": "Derni\u00e8re mise \u00e0 jour le 2023/05/17\u00a0(UTC)."}
[[["Facile à comprendre","easyToUnderstand","thumb-up"],["J'ai pu résoudre mon problème","solvedMyProblem","thumb-up"],["Autre","otherUp","thumb-up"]],[["Il n'y a pas l'information dont j'ai besoin","missingTheInformationINeed","thumb-down"],["Trop compliqué/Trop d'étapes","tooComplicatedTooManySteps","thumb-down"],["Obsolète","outOfDate","thumb-down"],["Problème de traduction","translationIssue","thumb-down"],["Mauvais exemple/Erreur de code","samplesCodeIssue","thumb-down"],["Autre","otherDown","thumb-down"]],["Dernière mise à jour le 2023/05/17 (UTC)."],[],[]]