Creato a 03/21/2023 09:46
Design ui palette
- Vivid Yellow#fbe405
- Pastel Red#f4645f
- Mustard Yellow#d1b310
- Shadow#92785f
- Silver Pink#c1a7a7
- Royal Brown#543d2b
La tavolozza è composta da Leggero colori. Colori accentati Vivid Yellow #fbe405 e Pastel Red #f4645f. La tavolozza ha la temperatura del colore Caldo, Neutro.
Per luminosità, la tavolozza va da #543D2B (più scuro) a #C1A7A7 (più chiaro). L’intervallo di luminosità è moderato.
Saturazione mista — alcuni campioni smorzati e accenti più vivaci.
La distribuzione delle tonalità suggerisce un gruppo preponderantemente analogo (euristica, non una regola fissa).
Complessivamente la temperatura tende al caldo.
Codici HEX (ordinati): #543D2B, #92785F, #C1A7A7, #D1B310, #F4645F, #FBE405
La tavolozza Design ui palette ha una combinazione di colori dei codici 6:
ESADECIMALE: #fbe405, RGB: (251, 228, 5); ESADECIMALE: #f4645f, RGB: (244, 100, 95); ESADECIMALE: #d1b310, RGB: (209, 179, 16)
ESADECIMALE: #92785f, RGB: (146, 120, 95); ESADECIMALE: #c1a7a7, RGB: (193, 167, 167); ESADECIMALE: #543d2b, RGB: (84, 61, 43)
Versione semplificata della tavolozza dei colori
Ombra di gold, Tonalità di salmon, Ombra di goldenrod, Tonalità di Grigio, Ombra di rosybrown, Tonalità di saddlebrown
La combinazione di colori è stata creata da colorstudio
Codici colori nella tavolozza
Design ui palette codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #fbe405 | #fbe405 | RGB(251, 228, 5) | Vivid Yellow | — |
| #f4645f | #f4645f | RGB(244, 100, 95) | Pastel Red | — |
| #d1b310 | #d1b310 | RGB(209, 179, 16) | Mustard Yellow | — |
| #92785f | #92785f | RGB(146, 120, 95) | Shadow | — |
| #c1a7a7 | #c1a7a7 | RGB(193, 167, 167) | Silver Pink | — |
| #543d2b | #543d2b | RGB(84, 61, 43) | Royal Brown | — |
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 |
#fbe405 | #d1b310 | 1.59 |
#fbe405 | #c1a7a7 | 1.73 |
#f4645f | #d1b310 | 1.48 |
#f4645f | #92785f | 1.34 |
#f4645f | #c1a7a7 | 1.36 |
#d1b310 | #c1a7a7 | 1.08 |
Tavolozza immagini Design ui palette png
Esporta tavolozza
Scarica la "Design ui palette" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: