Creato a 07/07/2025 17:01
Accessible Light UI Surface
- Bone White#faf9f6
- Sodium Gray#dadada
- Interface Lilac#e1c6ff
- LowVision Yellow#ffef98
- Contrast Text Black#101010
- Highlight Sky#b3e5fc
La tavolozza è composta da Leggero, Buio colori. Colori accentati Interface Lilac #e1c6ff e LowVision Yellow #ffef98. La tavolozza ha la temperatura del colore Neutro, Freddo, Caldo.
Per luminosità, la tavolozza va da #101010 (più scuro) a #FAF9F6 (più chiaro). L’intervallo di luminosità è ampio.
Saturazione mista — alcuni campioni smorzati e accenti più vivaci.
Alcune coppie di tonalità sono vicine a posizioni complementari — si può leggere come contrasto complementare (euristica).
Complessivamente la temperatura tende al freddo.
Codici HEX (ordinati): #101010, #B3E5FC, #DADADA, #E1C6FF, #FAF9F6, #FFEF98
La tavolozza Accessible Light UI Surface ha una combinazione di colori dei codici 6:
ESADECIMALE: #faf9f6, RGB: (250, 249, 246); ESADECIMALE: #dadada, RGB: (218, 218, 218); ESADECIMALE: #e1c6ff, RGB: (225, 198, 255)
ESADECIMALE: #ffef98, RGB: (255, 239, 152); ESADECIMALE: #101010, RGB: (16, 16, 16); ESADECIMALE: #b3e5fc, RGB: (179, 229, 252)
Versione semplificata della tavolozza dei colori
Ombra di whitesmoke, Tonalità di gainsboro, Ombra di thistle, Ombra di Cachi, Ombra di Nero, Ombra di lightblue
La combinazione di colori è stata creata da colorslib
Codici colori nella tavolozza
Accessible Light UI Surface codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #faf9f6 | #faf9f6 | RGB(250, 249, 246) | Bone White | — |
| #dadada | #dadada | RGB(218, 218, 218) | Sodium Gray | — |
| #e1c6ff | #e1c6ff | RGB(225, 198, 255) | Interface Lilac | — |
| #ffef98 | #ffef98 | RGB(255, 239, 152) | LowVision Yellow | — |
| #101010 | #101010 | RGB(16, 16, 16) | Contrast Text Black | — |
| #b3e5fc | #b3e5fc | RGB(179, 229, 252) | Highlight Sky | — |
Contrasto della palette di colori
10 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 |
#faf9f6 | #dadada | 1.32 |
#faf9f6 | #e1c6ff | 1.45 |
#faf9f6 | #ffef98 | 1.1 |
#faf9f6 | #b3e5fc | 1.28 |
#dadada | #e1c6ff | 1.09 |
#dadada | #ffef98 | 1.2 |
Tavolozza immagini Accessible Light UI Surface png
Esporta tavolozza
Scarica la "Accessible Light UI Surface" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: