Creato a 06/20/2025 17:08
UI/UX Light Mode Framework
- Surface Cloud#f9f9f9
- Header Graphite#333333
- Accent Lemon#ffe45e
- Primary Aqua#00d5b1
- Note Rose#ffd3db
- Text Slate#4f4f4f
La tavolozza è composta da Leggero colori. Colori accentati Primary Aqua #00d5b1 e Note Rose #ffd3db. La tavolozza ha la temperatura del colore Neutro, Caldo, Freddo.
Per luminosità, la tavolozza va da #333333 (più scuro) a #F9F9F9 (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).
La maggior parte dei campioni risulta neutra in temperatura.
Codici HEX (ordinati): #00D5B1, #333333, #4F4F4F, #F9F9F9, #FFD3DB, #FFE45E
La tavolozza UI/UX Light Mode Framework ha una combinazione di colori dei codici 6:
ESADECIMALE: #f9f9f9, RGB: (249, 249, 249); ESADECIMALE: #333333, RGB: (51, 51, 51); ESADECIMALE: #ffe45e, RGB: (255, 228, 94)
ESADECIMALE: #00d5b1, RGB: (0, 213, 177); ESADECIMALE: #ffd3db, RGB: (255, 211, 219); ESADECIMALE: #4f4f4f, RGB: (79, 79, 79)
Versione semplificata della tavolozza dei colori
Ombra di whitesmoke, Ombra di Nero, Ombra di gold, Tonalità di mediumaquamarine, Ombra di Rosa, Tonalità di dimgrey
La combinazione di colori è stata creata da colorday
Codici colori nella tavolozza
UI/UX Light Mode Framework codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #f9f9f9 | #f9f9f9 | RGB(249, 249, 249) | Surface Cloud | Doctor |
| #333333 | #333333 | RGB(51, 51, 51) | Header Graphite | Carbon |
| #ffe45e | #ffe45e | RGB(255, 228, 94) | Accent Lemon | — |
| #00d5b1 | #00d5b1 | RGB(0, 213, 177) | Primary Aqua | — |
| #ffd3db | #ffd3db | RGB(255, 211, 219) | Note Rose | — |
| #4f4f4f | #4f4f4f | RGB(79, 79, 79) | Text Slate | Gray31 |
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 |
#f9f9f9 | #ffe45e | 1.2 |
#f9f9f9 | #00d5b1 | 1.78 |
#f9f9f9 | #ffd3db | 1.27 |
#333333 | #4f4f4f | 1.54 |
#ffe45e | #00d5b1 | 1.48 |
#ffe45e | #ffd3db | 1.05 |
Tavolozza immagini UI/UX Light Mode Framework png
Esporta tavolozza
Scarica la "UI/UX Light Mode Framework" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: