Creato a 08/21/2025 11:36
UI Accessibility Semantic Aurora
- Contrast Yellow#ffeb3b
- Highlight Blue#00bcd4
- Anchor Teal#26c6da
- Background White#ffffff
- Overlay Black#000000
- Focus Coral#ff7043
La tavolozza è composta da Leggero, Buio colori. Colori accentati Contrast Yellow #ffeb3b e Highlight Blue #00bcd4. La tavolozza ha la temperatura del colore Caldo, Freddo, Neutro.
Per luminosità, la tavolozza va da #000000 (più scuro) a #FFFFFF (più chiaro). L’intervallo di luminosità è ampio.
La saturazione complessiva risulta vivida (croma alto).
Alcune coppie di tonalità sono vicine a posizioni complementari — si può leggere come contrasto complementare (euristica).
Note calde e fredde sono abbastanza bilanciate.
Codici HEX (ordinati): #000000, #00BCD4, #26C6DA, #FF7043, #FFEB3B, #FFFFFF
La tavolozza UI Accessibility Semantic Aurora ha una combinazione di colori dei codici 6:
ESADECIMALE: #ffeb3b, RGB: (255, 235, 59); ESADECIMALE: #00bcd4, RGB: (0, 188, 212); ESADECIMALE: #26c6da, RGB: (38, 198, 218)
ESADECIMALE: #ffffff, RGB: (255, 255, 255); ESADECIMALE: #000000, RGB: (0, 0, 0); ESADECIMALE: #ff7043, RGB: (255, 112, 67)
Versione semplificata della tavolozza dei colori
Tonalità di Giallo, Tonalità di darkturquoise, Ombra di darkturquoise, Bianco, Nero, Tonalità di coral
La combinazione di colori è stata creata da coolor
Codici colori nella tavolozza
UI Accessibility Semantic Aurora codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #ffeb3b | #ffeb3b | RGB(255, 235, 59) | Contrast Yellow | — |
| #00bcd4 | #00bcd4 | RGB(0, 188, 212) | Highlight Blue | — |
| #26c6da | #26c6da | RGB(38, 198, 218) | Anchor Teal | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Background White | White |
| #000000 | #000000 | RGB(0, 0, 0) | Overlay Black | Black |
| #ff7043 | #ff7043 | RGB(255, 112, 67) | Focus Coral | — |
Contrasto della palette di colori
6 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 |
#ffeb3b | #00bcd4 | 1.88 |
#ffeb3b | #26c6da | 1.69 |
#ffeb3b | #ffffff | 1.22 |
#00bcd4 | #26c6da | 1.11 |
#00bcd4 | #ff7043 | 1.19 |
#26c6da | #ff7043 | 1.32 |
Tavolozza immagini UI Accessibility Semantic Aurora png
Esporta tavolozza
Scarica la "UI Accessibility Semantic Aurora" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: