Creato a 02/08/2022 21:06
Ui web design palette
- Azure#0c7efa
- Dodger Blue#1d8dfc
- True Blue#0564d2
- Philippine Gray#8c8c8c
- Columbia Blue#cad4da
- Black Olive#3c3c3c
La tavolozza è composta da Leggero, Semi scuro colori. Colori accentati Dodger Blue #1d8dfc e Philippine Gray #8c8c8c. La tavolozza ha la temperatura del colore Freddo, Neutro.
Per luminosità, la tavolozza va da #3C3C3C (più scuro) a #CAD4DA (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 freddo.
Codici HEX (ordinati): #0564D2, #0C7EFA, #1D8DFC, #3C3C3C, #8C8C8C, #CAD4DA
La tavolozza Ui web design palette ha una combinazione di colori dei codici 6:
ESADECIMALE: #0c7efa, RGB: (12, 126, 250); ESADECIMALE: #1d8dfc, RGB: (29, 141, 252); ESADECIMALE: #0564d2, RGB: (5, 100, 210)
ESADECIMALE: #8c8c8c, RGB: (140, 140, 140); ESADECIMALE: #cad4da, RGB: (202, 212, 218); ESADECIMALE: #3c3c3c, RGB: (60, 60, 60)
Versione semplificata della tavolozza dei colori
Tonalità di dodgerblue, Tonalità di dodgerblue, Tonalità di royalblue, Ombra di Grigio, Tonalità di lightgrey, Tonalità di darkslategrey
La combinazione di colori è stata creata da colorswall
Codici colori nella tavolozza
Ui web design palette codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #0c7efa | #0c7efa | RGB(12, 126, 250) | Azure | — |
| #1d8dfc | #1d8dfc | RGB(29, 141, 252) | Dodger Blue | — |
| #0564d2 | #0564d2 | RGB(5, 100, 210) | True Blue | — |
| #8c8c8c | #8c8c8c | RGB(140, 140, 140) | Philippine Gray | Gray55 |
| #cad4da | #cad4da | RGB(202, 212, 218) | Columbia Blue | — |
| #3c3c3c | #3c3c3c | RGB(60, 60, 60) | Black Olive | — |
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 |
#0c7efa | #1d8dfc | 1.16 |
#0c7efa | #0564d2 | 1.43 |
#0c7efa | #8c8c8c | 1.16 |
#1d8dfc | #0564d2 | 1.66 |
#1d8dfc | #8c8c8c | 1 |
#0564d2 | #8c8c8c | 1.66 |
Tavolozza immagini Ui web design palette png
Esporta tavolozza
Scarica la "Ui web design palette" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: