Créé à 06/24/2025 17:32
Accessible Light UI Kit
Background Bone
#fffcf9
Button Coral Pop
#ff8474
Label Charcoal
#2e2f31
Icon Lime
#d9ff7a
Hover Seafoam
#c4f8e4
Border Dust Gray
#d8d8d8
La palette se compose de Lumière, Sombre couleurs. Couleurs d'accent Background Bone #fffcf9 et Hover Seafoam #c4f8e4. La palette a une température de couleur Neutre, Chaud, Froid.
La palette Accessible Light UI Kit a une combinaison de couleurs de codes 6:
HEX: #fffcf9, RVB: (255, 252, 249); HEX: #ff8474, RVB: (255, 132, 116); HEX: #2e2f31, RVB: (46, 47, 49)
HEX: #d9ff7a, RVB: (217, 255, 122); HEX: #c4f8e4, RVB: (196, 248, 228); HEX: #d8d8d8, RVB: (216, 216, 216)
Version simplifiée des couleurs de la palette
Nuance de Blanc, Ombre de salmon, Ombre de Noir, Ombre de greenyellow, Ombre de paleturquoise, Ombre de lightgrey
Le jeu de couleurs a été créé par colorday
Codes couleurs dans la palette
Accessible Light UI Kit codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
| #fffcf9 | #fffcf9 | RVB(255, 252, 249) | Background Bone | — |
| #ff8474 | #ff8474 | RVB(255, 132, 116) | Button Coral Pop | — |
| #2e2f31 | #2e2f31 | RVB(46, 47, 49) | Label Charcoal | Black Cat |
| #d9ff7a | #d9ff7a | RVB(217, 255, 122) | Icon Lime | — |
| #c4f8e4 | #c4f8e4 | RVB(196, 248, 228) | Hover Seafoam | — |
| #d8d8d8 | #d8d8d8 | RVB(216, 216, 216) | Border Dust Gray | — |
Contraste de la palette de couleurs
7 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 |
#fffcf9 | #d9ff7a | 1.1 |
#fffcf9 | #c4f8e4 | 1.14 |
#fffcf9 | #d8d8d8 | 1.39 |
#ff8474 | #d8d8d8 | 1.67 |
#d9ff7a | #c4f8e4 | 1.03 |
#d9ff7a | #d8d8d8 | 1.25 |
