Creato a 06/27/2025 17:28
UI Kit Accessibility Engine
- Readable Gold#facc15
- Support Indigo#4f46e5
- Error Coral#f43f5e
- Success Green#22c55e
- Warning Amber#f97316
- Info Sky#60a5fa
- Background Fog#f5f5f5
La tavolozza è composta da Leggero, Semi scuro colori. Colori accentati Readable Gold #facc15 e Info Sky #60a5fa. La tavolozza ha la temperatura del colore Caldo, Freddo, Neutro.
Per luminosità, la tavolozza va da #22C55E (più scuro) a #F5F5F5 (più chiaro). L’intervallo di luminosità è moderato.
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): #22C55E, #4F46E5, #60A5FA, #F43F5E, #F5F5F5, #F97316, #FACC15
La tavolozza UI Kit Accessibility Engine ha una combinazione di colori dei codici 7:
ESADECIMALE: #facc15, RGB: (250, 204, 21); ESADECIMALE: #4f46e5, RGB: (79, 70, 229); ESADECIMALE: #f43f5e, RGB: (244, 63, 94)
ESADECIMALE: #22c55e, RGB: (34, 197, 94); ESADECIMALE: #f97316, RGB: (249, 115, 22); ESADECIMALE: #60a5fa, RGB: (96, 165, 250)
ESADECIMALE: #f5f5f5, RGB: (245, 245, 245)
Versione semplificata della tavolozza dei colori
Tonalità di gold, Tonalità di slateblue, Tonalità di indianred, Tonalità di limegreen, Ombra di chocolate, Ombra di cornflowerblue
La combinazione di colori è stata creata da bad_colors
Codici colori nella tavolozza
UI Kit Accessibility Engine codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #facc15 | #facc15 | RGB(250, 204, 21) | Readable Gold | — |
| #4f46e5 | #4f46e5 | RGB(79, 70, 229) | Support Indigo | — |
| #f43f5e | #f43f5e | RGB(244, 63, 94) | Error Coral | — |
| #22c55e | #22c55e | RGB(34, 197, 94) | Success Green | — |
| #f97316 | #f97316 | RGB(249, 115, 22) | Warning Amber | — |
| #60a5fa | #60a5fa | RGB(96, 165, 250) | Info Sky | — |
| #f5f5f5 | #f5f5f5 | RGB(245, 245, 245) | Background Fog | White Smoke |
Contrasto della palette di colori
11 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 |
#facc15 | #22c55e | 1.48 |
#facc15 | #f97316 | 1.83 |
#facc15 | #60a5fa | 1.66 |
#facc15 | #f5f5f5 | 1.4 |
#4f46e5 | #f43f5e | 1.71 |
#f43f5e | #22c55e | 1.61 |
Tavolozza immagini UI Kit Accessibility Engine png
Esporta tavolozza
Scarica la "UI Kit Accessibility Engine" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: