Creato a 03/07/2022 16:29
App design ui colors
- Blue (Crayola)#246cf1
- French Sky Blue#74acf4
- Cyan Cobalt Blue#244c9c
- Old Silver#848484
- Lavender Gray#beb9ce
- Charcoal#2e3e58
La tavolozza è composta da Leggero colori. Colori accentati Blue (Crayola) #246cf1 e Old Silver #848484. La tavolozza ha la temperatura del colore Freddo, Neutro.
Per luminosità, la tavolozza va da #2E3E58 (più scuro) a #BEB9CE (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 freddo.
Codici HEX (ordinati): #244C9C, #246CF1, #2E3E58, #74ACF4, #848484, #BEB9CE
La tavolozza App design ui colors ha una combinazione di colori dei codici 6:
ESADECIMALE: #246cf1, RGB: (36, 108, 241); ESADECIMALE: #74acf4, RGB: (116, 172, 244); ESADECIMALE: #244c9c, RGB: (36, 76, 156)
ESADECIMALE: #848484, RGB: (132, 132, 132); ESADECIMALE: #beb9ce, RGB: (190, 185, 206); ESADECIMALE: #2e3e58, RGB: (46, 62, 88)
Versione semplificata della tavolozza dei colori
Tonalità di royalblue, Ombra di cornflowerblue, Tonalità di darkslateblue, Ombra di Grigio, Tonalità di thistle, Tonalità di darkslateblue
La combinazione di colori è stata creata da colorswall
Codici colori nella tavolozza
App design ui colors codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
|---|---|---|---|---|
| #246cf1 | #246cf1 | RGB(36, 108, 241) | Blue (Crayola) | — |
| #74acf4 | #74acf4 | RGB(116, 172, 244) | French Sky Blue | — |
| #244c9c | #244c9c | RGB(36, 76, 156) | Cyan Cobalt Blue | — |
| #848484 | #848484 | RGB(132, 132, 132) | Old Silver | — |
| #beb9ce | #beb9ce | RGB(190, 185, 206) | Lavender Gray | — |
| #2e3e58 | #2e3e58 | RGB(46, 62, 88) | Charcoal | — |
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 |
|---|---|---|
#246cf1 | #74acf4 | 1.99 |
#246cf1 | #244c9c | 1.73 |
#246cf1 | #848484 | 1.25 |
#74acf4 | #848484 | 1.59 |
#74acf4 | #beb9ce | 1.23 |
#244c9c | #2e3e58 | 1.33 |
Tavolozza immagini App design ui colors png
Esporta tavolozza
Scarica la "App design ui colors" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: