Créé à 08/14/2025 14:53
Accessible Luminance Data Grid
- Axis Blue#0288d1
- Row Green#4caf50
- Column Yellow#fbc02d
- Highlight Pink#ff80ab
- Gridline Grey#bdbdbd
- Background White#ffffff
La palette se compose de Lumière couleurs. Couleurs d'accent Axis Blue #0288d1 et Highlight Pink #ff80ab. La palette a une température de couleur Froid, Chaud, Neutre.
En luminosité, cette palette va de #0288D1 (plus sombre) à #FFFFFF (plus clair). L’écart de luminosité est large.
Saturation mixte — passages atténués et accents plus vifs.
Certaines paires sont proches de positions complémentaires — effet possible de contraste (heuristique).
Les notes chaudes et froides sont assez équilibrées.
Codes HEX (triés) : #0288D1, #4CAF50, #BDBDBD, #FBC02D, #FF80AB, #FFFFFF
La palette Accessible Luminance Data Grid a une combinaison de couleurs de codes 6:
HEX: #0288d1, RVB: (2, 136, 209); HEX: #4caf50, RVB: (76, 175, 80); HEX: #fbc02d, RVB: (251, 192, 45)
HEX: #ff80ab, RVB: (255, 128, 171); HEX: #bdbdbd, RVB: (189, 189, 189); HEX: #ffffff, RVB: (255, 255, 255)
Version simplifiée des couleurs de la palette
Nuance de steelblue, Nuance de mediumseagreen, Ombre de goldenrod, Ombre de hotpink, Nuance de Argent, Blanc
Le jeu de couleurs a été créé par bad_colors
Codes couleurs dans la palette
Accessible Luminance Data Grid codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
| #0288d1 | #0288d1 | RVB(2, 136, 209) | Axis Blue | — |
| #4caf50 | #4caf50 | RVB(76, 175, 80) | Row Green | — |
| #fbc02d | #fbc02d | RVB(251, 192, 45) | Column Yellow | — |
| #ff80ab | #ff80ab | RVB(255, 128, 171) | Highlight Pink | — |
| #bdbdbd | #bdbdbd | RVB(189, 189, 189) | Gridline Grey | Gray74 |
| #ffffff | #ffffff | RVB(255, 255, 255) | Background White | White |
Contraste de la palette de couleurs
10 paires de couleurs ont un faible contraste et nécessitent des améliorations, ce qui peut affecter la lisibilité.
| Couleur du texte | Couleur de l'arrière plan | Rapport de contraste |
#0288d1 | #4caf50 | 1.38 |
#0288d1 | #ff80ab | 1.63 |
#4caf50 | #fbc02d | 1.67 |
#4caf50 | #ff80ab | 1.18 |
#4caf50 | #bdbdbd | 1.47 |
#fbc02d | #ff80ab | 1.42 |
Palette d'images Accessible Luminance Data Grid png
Exporter la palette
Téléchargez la "Accessible Luminance Data Grid" dans plusieurs formats pour une intégration fluide dans vos projets de design.
Formats disponibles :