Creato a 12/20/2022 13:39
Design animation ux ui
- Cedar Chest#be5c40
- Pastel Pink#dca9a4
- Caput Mortuum#52281c
- Dark Chestnut#956961
- Parrot Pink#cfa3a2
- Brown Coffee#4c2424
La tavolozza è composta da Leggero, Buio colori. Colori accentati Cedar Chest #be5c40 e Caput Mortuum #52281c. La tavolozza ha la temperatura del colore Caldo.
Per luminosità, la tavolozza va da #52281C (più scuro) a #DCA9A4 (più chiaro). L’intervallo di luminosità è moderato.
La saturazione è in una fascia media.
La distribuzione delle tonalità suggerisce un gruppo preponderantemente analogo (euristica, non una regola fissa).
Complessivamente la temperatura tende al caldo.
Codici HEX (ordinati): #4C2424, #52281C, #956961, #BE5C40, #CFA3A2, #DCA9A4
La tavolozza Design animation ux ui ha una combinazione di colori dei codici 6:
ESADECIMALE: #be5c40, RGB: (190, 92, 64); ESADECIMALE: #dca9a4, RGB: (220, 169, 164); ESADECIMALE: #52281c, RGB: (82, 40, 28)
ESADECIMALE: #956961, RGB: (149, 105, 97); ESADECIMALE: #cfa3a2, RGB: (207, 163, 162); ESADECIMALE: #4c2424, RGB: (76, 36, 36)
Versione semplificata della tavolozza dei colori
Ombra di sienna, Ombra di rosybrown, Ombra di Marrone, Tonalità di indianred, Ombra di rosybrown, Ombra di Marrone
La combinazione di colori è stata creata da colorswall
Codici colori nella tavolozza
Design animation ux ui codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #be5c40 | #be5c40 | RGB(190, 92, 64) | Cedar Chest | — |
| #dca9a4 | #dca9a4 | RGB(220, 169, 164) | Pastel Pink | — |
| #52281c | #52281c | RGB(82, 40, 28) | Caput Mortuum | — |
| #956961 | #956961 | RGB(149, 105, 97) | Dark Chestnut | — |
| #cfa3a2 | #cfa3a2 | RGB(207, 163, 162) | Parrot Pink | — |
| #4c2424 | #4c2424 | RGB(76, 36, 36) | Brown Coffee | — |
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 |
#be5c40 | #956961 | 1.07 |
#be5c40 | #cfa3a2 | 1.96 |
#dca9a4 | #cfa3a2 | 1.08 |
#52281c | #4c2424 | 1.05 |
Tavolozza immagini Design animation ux ui png
Esporta tavolozza
Scarica la "Design animation ux ui" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: