Creato a 08/02/2025 13:35
Minimal Accessibility-First UI Theme
- Focus Yellow#ffeb3b
- Legible Grey#6d6d6d
- Contrast White#ffffff
- Dark Focus Black#121212
- Subtext Slate#9fa8da
- Cursor Sky#b2ebf2
La tavolozza è composta da Leggero, Buio colori. Colori accentati Focus Yellow #ffeb3b e Cursor Sky #b2ebf2. La tavolozza ha la temperatura del colore Caldo, Neutro, Freddo.
Per luminosità, la tavolozza va da #121212 (più scuro) a #FFFFFF (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): #121212, #6D6D6D, #9FA8DA, #B2EBF2, #FFEB3B, #FFFFFF
La tavolozza Minimal Accessibility-First UI Theme ha una combinazione di colori dei codici 6:
ESADECIMALE: #ffeb3b, RGB: (255, 235, 59); ESADECIMALE: #6d6d6d, RGB: (109, 109, 109); ESADECIMALE: #ffffff, RGB: (255, 255, 255)
ESADECIMALE: #121212, RGB: (18, 18, 18); ESADECIMALE: #9fa8da, RGB: (159, 168, 218); ESADECIMALE: #b2ebf2, RGB: (178, 235, 242)
Versione semplificata della tavolozza dei colori
Tonalità di Giallo, Ombra di dimgrey, Bianco, Ombra di Nero, Tonalità di lightsteelblue, Ombra di powderblue
La combinazione di colori è stata creata da coolor
Codici colori nella tavolozza
Minimal Accessibility-First UI Theme codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #ffeb3b | #ffeb3b | RGB(255, 235, 59) | Focus Yellow | — |
| #6d6d6d | #6d6d6d | RGB(109, 109, 109) | Legible Grey | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Contrast White | White |
| #121212 | #121212 | RGB(18, 18, 18) | Dark Focus Black | Dark Tone Ink |
| #9fa8da | #9fa8da | RGB(159, 168, 218) | Subtext Slate | — |
| #b2ebf2 | #b2ebf2 | RGB(178, 235, 242) | Cursor Sky | — |
Contrasto della palette di colori
5 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 | #ffffff | 1.22 |
#ffeb3b | #9fa8da | 1.89 |
#ffeb3b | #b2ebf2 | 1.07 |
#ffffff | #b2ebf2 | 1.3 |
#9fa8da | #b2ebf2 | 1.76 |
Tavolozza immagini Minimal Accessibility-First UI Theme png
Esporta tavolozza
Scarica la "Minimal Accessibility-First UI Theme" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: