Creato a 05/28/2025 09:37
MochaNote UI
- Primary Cocoa#7c3f2c
- Secondary Cream#fdebc8
- Accent Olive#84cc16
- Background Biscuit#fff7ed
- Surface Shell#f5f5dc
- Text Brown#2c1608
La tavolozza è composta da Leggero, Buio colori. Colori accentati Secondary Cream #fdebc8 e Background Biscuit #fff7ed. La tavolozza ha la temperatura del colore Caldo, Neutro.
Per luminosità, la tavolozza va da #2C1608 (più scuro) a #FFF7ED (più chiaro). L’intervallo di luminosità è ampio.
La saturazione complessiva risulta vivida (croma alto).
Le tonalità stanno in una fascia adiacente sulla ruota dei colori (euristica).
Complessivamente la temperatura tende al caldo.
Codici HEX (ordinati): #2C1608, #7C3F2C, #84CC16, #F5F5DC, #FDEBC8, #FFF7ED
La tavolozza MochaNote UI ha una combinazione di colori dei codici 6:
ESADECIMALE: #7c3f2c, RGB: (124, 63, 44); ESADECIMALE: #fdebc8, RGB: (253, 235, 200); ESADECIMALE: #84cc16, RGB: (132, 204, 22)
ESADECIMALE: #fff7ed, RGB: (255, 247, 237); ESADECIMALE: #f5f5dc, RGB: (245, 245, 220); ESADECIMALE: #2c1608, RGB: (44, 22, 8)
Versione semplificata della tavolozza dei colori
Tonalità di saddlebrown, Tonalità di blanchedalmond, Tonalità di Giallo verde, Tonalità di floralwhite, Ombra di Nero
La combinazione di colori è stata creata da colorday
Codici colori nella tavolozza
MochaNote UI codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #7c3f2c | #7c3f2c | RGB(124, 63, 44) | Primary Cocoa | — |
| #fdebc8 | #fdebc8 | RGB(253, 235, 200) | Secondary Cream | — |
| #84cc16 | #84cc16 | RGB(132, 204, 22) | Accent Olive | — |
| #fff7ed | #fff7ed | RGB(255, 247, 237) | Background Biscuit | Fatback |
| #f5f5dc | #f5f5dc | RGB(245, 245, 220) | Surface Shell | Holy White |
| #2c1608 | #2c1608 | RGB(44, 22, 8) | Text Brown | Zinnwaldite Brown |
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 |
#fdebc8 | #84cc16 | 1.68 |
#fdebc8 | #fff7ed | 1.1 |
#fdebc8 | #f5f5dc | 1.06 |
#84cc16 | #fff7ed | 1.86 |
#84cc16 | #f5f5dc | 1.78 |
#fff7ed | #f5f5dc | 1.04 |
Tavolozza immagini MochaNote UI png
Esporta tavolozza
Scarica la "MochaNote UI" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: