Creato a 07/12/2022 09:42
Ui design vector animation
- Orange-Yellow#f5bf24
- Flavescent#f8e297
- Licorice#1c140c
- Bronze (Metallic)#a88e61
- Dark Vanilla#c9c4a8
- Mud#685c36
La tavolozza è composta da Leggero, Buio, Semi scuro colori. Colori accentati Orange-Yellow #f5bf24 e Flavescent #f8e297. La tavolozza ha la temperatura del colore Caldo, Neutro.
Per luminosità, la tavolozza va da #1C140C (più scuro) a #F8E297 (più chiaro). L’intervallo di luminosità è ampio.
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): #1C140C, #685C36, #A88E61, #C9C4A8, #F5BF24, #F8E297
La tavolozza Ui design vector animation ha una combinazione di colori dei codici 6:
ESADECIMALE: #f5bf24, RGB: (245, 191, 36); ESADECIMALE: #f8e297, RGB: (248, 226, 151); ESADECIMALE: #1c140c, RGB: (28, 20, 12)
ESADECIMALE: #a88e61, RGB: (168, 142, 97); ESADECIMALE: #c9c4a8, RGB: (201, 196, 168); ESADECIMALE: #685c36, RGB: (104, 92, 54)
Versione semplificata della tavolozza dei colori
Ombra di goldenrod, Ombra di Cachi, Ombra di Nero, Ombra di darkgoldenrod, Tonalità di wheat, Tonalità di darkolivegreen
La combinazione di colori è stata creata da colorswall
Codici colori nella tavolozza
Ui design vector animation codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
|---|---|---|---|---|
| #f5bf24 | #f5bf24 | RGB(245, 191, 36) | Orange-Yellow | — |
| #f8e297 | #f8e297 | RGB(248, 226, 151) | Flavescent | — |
| #1c140c | #1c140c | RGB(28, 20, 12) | Licorice | — |
| #a88e61 | #a88e61 | RGB(168, 142, 97) | Bronze (Metallic) | — |
| #c9c4a8 | #c9c4a8 | RGB(201, 196, 168) | Dark Vanilla | — |
| #685c36 | #685c36 | RGB(104, 92, 54) | Mud | — |
Contrasto della palette di colori
5 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 |
|---|---|---|
#f5bf24 | #f8e297 | 1.32 |
#f5bf24 | #a88e61 | 1.84 |
#f5bf24 | #c9c4a8 | 1.03 |
#f8e297 | #c9c4a8 | 1.36 |
#a88e61 | #c9c4a8 | 1.78 |
Tavolozza immagini Ui design vector animation png
Esporta tavolozza
Scarica la "Ui design vector animation" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: