Creato a 03/21/2023 11:28
Design ux ui branding
- Lemon Yellow#fbfb53
- Minion Yellow#ecee4e
- Soldier Green#5f5f29
- Dark Yellow#959503
- Dark Yellow#8a8b0d
- Rifle Green#444c2c
La tavolozza è composta da Leggero, Semi scuro colori. Colori accentati Lemon Yellow #fbfb53 e Dark Yellow #959503. La tavolozza ha la temperatura del colore Caldo.
Per luminosità, la tavolozza va da #444C2C (più scuro) a #FBFB53 (più chiaro). L’intervallo di luminosità è moderato.
La saturazione complessiva risulta vivida (croma alto).
La distribuzione delle tonalità suggerisce un gruppo preponderantemente analogo (euristica, non una regola fissa).
Complessivamente la temperatura tende al caldo.
Codici HEX (ordinati): #444C2C, #5F5F29, #8A8B0D, #959503, #ECEE4E, #FBFB53
La tavolozza Design ux ui branding ha una combinazione di colori dei codici 6:
ESADECIMALE: #fbfb53, RGB: (251, 251, 83); ESADECIMALE: #ecee4e, RGB: (236, 238, 78); ESADECIMALE: #5f5f29, RGB: (95, 95, 41)
ESADECIMALE: #959503, RGB: (149, 149, 3); ESADECIMALE: #8a8b0d, RGB: (138, 139, 13); ESADECIMALE: #444c2c, RGB: (68, 76, 44)
Versione semplificata della tavolozza dei colori
Ombra di Giallo, Tonalità di Giallo, Tonalità di darkolivegreen, Ombra di Oliva, Ombra di Oliva, Tonalità di darkolivegreen
La combinazione di colori è stata creata da raccoon
Codici colori nella tavolozza
Design ux ui branding codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
|---|---|---|---|---|
| #fbfb53 | #fbfb53 | RGB(251, 251, 83) | Lemon Yellow | — |
| #ecee4e | #ecee4e | RGB(236, 238, 78) | Minion Yellow | — |
| #5f5f29 | #5f5f29 | RGB(95, 95, 41) | Soldier Green | — |
| #959503 | #959503 | RGB(149, 149, 3) | Dark Yellow | — |
| #8a8b0d | #8a8b0d | RGB(138, 139, 13) | Dark Yellow | — |
| #444c2c | #444c2c | RGB(68, 76, 44) | Rifle Green | — |
Contrasto della palette di colori
4 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 |
|---|---|---|
#fbfb53 | #ecee4e | 1.12 |
#5f5f29 | #8a8b0d | 1.83 |
#5f5f29 | #444c2c | 1.36 |
#959503 | #8a8b0d | 1.13 |
Tavolozza immagini Design ux ui branding png
Esporta tavolozza
Scarica la "Design ux ui branding" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: