Creato a 03/09/2022 11:00
Ui shopping design mobile
- Cornflower Blue#629cf1
- Pale Cornflower Blue#b4d1ef
- Catalina Blue#0a3779
- Boy Red#745c4c
- Grullo#a4948c
- Gunmetal#2c3434
La tavolozza è composta da Leggero, Semi scuro colori. Colori accentati Catalina Blue #0a3779 e Boy Red #745c4c. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.
Per luminosità, la tavolozza va da #2C3434 (più scuro) a #B4D1EF (più chiaro). L’intervallo di luminosità è ampio.
Saturazione mista — alcuni campioni smorzati e accenti più vivaci.
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): #0A3779, #2C3434, #629CF1, #745C4C, #A4948C, #B4D1EF
La tavolozza Ui shopping design mobile ha una combinazione di colori dei codici 6:
ESADECIMALE: #629cf1, RGB: (98, 156, 241); ESADECIMALE: #b4d1ef, RGB: (180, 209, 239); ESADECIMALE: #0a3779, RGB: (10, 55, 121)
ESADECIMALE: #745c4c, RGB: (116, 92, 76); ESADECIMALE: #a4948c, RGB: (164, 148, 140); ESADECIMALE: #2c3434, RGB: (44, 52, 52)
Versione semplificata della tavolozza dei colori
Ombra di cornflowerblue, Ombra di lightsteelblue, Tonalità di darkslateblue, Tonalità di dimgrey, Tonalità di darkgrey, Tonalità di darkslategrey
La combinazione di colori è stata creata da colorswall
Codici colori nella tavolozza
Ui shopping design mobile codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #629cf1 | #629cf1 | RGB(98, 156, 241) | Cornflower Blue | — |
| #b4d1ef | #b4d1ef | RGB(180, 209, 239) | Pale Cornflower Blue | — |
| #0a3779 | #0a3779 | RGB(10, 55, 121) | Catalina Blue | — |
| #745c4c | #745c4c | RGB(116, 92, 76) | Boy Red | — |
| #a4948c | #a4948c | RGB(164, 148, 140) | Grullo | — |
| #2c3434 | #2c3434 | RGB(44, 52, 52) | Gunmetal | — |
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 |
#629cf1 | #b4d1ef | 1.76 |
#629cf1 | #a4948c | 1.04 |
#b4d1ef | #a4948c | 1.84 |
#0a3779 | #745c4c | 1.84 |
#0a3779 | #2c3434 | 1.11 |
Tavolozza immagini Ui shopping design mobile png
Esporta tavolozza
Scarica la "Ui shopping design mobile" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: