Creato a 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 tavolozza è composta da Leggero, Buio colori. Colori accentati Background Bone #fffcf9 e Hover Seafoam #c4f8e4. La tavolozza ha la temperatura del colore Neutro, Caldo, Freddo.
La tavolozza Accessible Light UI Kit ha una combinazione di colori dei codici 6:
ESADECIMALE: #fffcf9, RGB: (255, 252, 249); ESADECIMALE: #ff8474, RGB: (255, 132, 116); ESADECIMALE: #2e2f31, RGB: (46, 47, 49)
ESADECIMALE: #d9ff7a, RGB: (217, 255, 122); ESADECIMALE: #c4f8e4, RGB: (196, 248, 228); ESADECIMALE: #d8d8d8, RGB: (216, 216, 216)
Versione semplificata della tavolozza dei colori
Tonalità di Bianco, Ombra di salmon, Ombra di Nero, Ombra di greenyellow, Ombra di paleturquoise, Ombra di lightgrey
La combinazione di colori è stata creata da colorday
Codici colori nella tavolozza
Accessible Light UI Kit codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #fffcf9 | #fffcf9 | RGB(255, 252, 249) | Background Bone | — |
| #ff8474 | #ff8474 | RGB(255, 132, 116) | Button Coral Pop | — |
| #2e2f31 | #2e2f31 | RGB(46, 47, 49) | Label Charcoal | Black Cat |
| #d9ff7a | #d9ff7a | RGB(217, 255, 122) | Icon Lime | — |
| #c4f8e4 | #c4f8e4 | RGB(196, 248, 228) | Hover Seafoam | — |
| #d8d8d8 | #d8d8d8 | RGB(216, 216, 216) | Border Dust Gray | — |
Contrasto della palette di colori
7 coppie di colori hanno un basso contrasto e necessitano di miglioramenti, il che può influire sulla leggibilità.
| Colore del testo | Colore di sfondo | Rapporto di contrasto |
#fffcf9 | #d9ff7a | 1.1 |
#fffcf9 | #c4f8e4 | 1.14 |
#fffcf9 | #d8d8d8 | 1.39 |
#ff8474 | #d8d8d8 | 1.67 |
#d9ff7a | #c4f8e4 | 1.03 |
#d9ff7a | #d8d8d8 | 1.25 |
