Creato a 08/05/2022 12:38
Mobile design onboarding screen ui step-by-step colours
- Ripe Mango#fac329
- Caramel#fadd99
- St. Patrick's Blue#222976
- Rose Quartz Pink#a9549a
- Blue Bell#a39ac9
- Cyber Grape#54447c
La tavolozza è composta da Leggero, Buio colori. Colori accentati Ripe Mango #fac329 e St. Patrick's Blue #222976. La tavolozza ha la temperatura del colore Caldo, Freddo, Neutro.
Per luminosità, la tavolozza va da #222976 (più scuro) a #FADD99 (più chiaro). L’intervallo di luminosità è moderato.
La saturazione è in una fascia media.
Alcune coppie di tonalità sono vicine a posizioni complementari — si può leggere come contrasto complementare (euristica).
Complessivamente la temperatura tende al freddo.
Codici HEX (ordinati): #222976, #54447C, #A39AC9, #A9549A, #FAC329, #FADD99
La tavolozza Mobile design onboarding screen ui step-by-step colours ha una combinazione di colori dei codici 6:
ESADECIMALE: #fac329, RGB: (250, 195, 41); ESADECIMALE: #fadd99, RGB: (250, 221, 153); ESADECIMALE: #222976, RGB: (34, 41, 118)
ESADECIMALE: #a9549a, RGB: (169, 84, 154); ESADECIMALE: #a39ac9, RGB: (163, 154, 201); ESADECIMALE: #54447c, RGB: (84, 68, 124)
Versione semplificata della tavolozza dei colori
Tonalità di gold, Tonalità di moccasin, Ombra di midnightblue, Ombra di mediumvioletred, Tonalità di plum, Ombra di darkslateblue
La combinazione di colori è stata creata da colorswall
Codici colori nella tavolozza
Mobile design onboarding screen ui step-by-step colours codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #fac329 | #fac329 | RGB(250, 195, 41) | Ripe Mango | — |
| #fadd99 | #fadd99 | RGB(250, 221, 153) | Caramel | — |
| #222976 | #222976 | RGB(34, 41, 118) | St. Patrick's Blue | — |
| #a9549a | #a9549a | RGB(169, 84, 154) | Rose Quartz Pink | — |
| #a39ac9 | #a39ac9 | RGB(163, 154, 201) | Blue Bell | — |
| #54447c | #54447c | RGB(84, 68, 124) | Cyber Grape | — |
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 |
#fac329 | #fadd99 | 1.22 |
#fac329 | #a39ac9 | 1.6 |
#fadd99 | #a39ac9 | 1.97 |
#222976 | #54447c | 1.51 |
#a9549a | #a39ac9 | 1.81 |
#a9549a | #54447c | 1.77 |
Tavolozza immagini Mobile design onboarding screen ui step-by-step colours png
Esporta tavolozza
Scarica la "Mobile design onboarding screen ui step-by-step colours" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: