Creato a 03/03/2023 20:29
Metrics b2b user interface web app
- Han Blue#3f6abf
- Piggy Pink#f9d9e7
- Chinese Black#0c1424
- Bronze (Metallic)#ae8862
- Khaki (HTML/CSS)#c7b49f
- Liver Chestnut (Horses)#5c4434
La tavolozza è composta da Leggero, Buio colori. Colori accentati Han Blue #3f6abf e Piggy Pink #f9d9e7. La tavolozza ha la temperatura del colore Freddo, Neutro, Caldo.
Per luminosità, la tavolozza va da #0C1424 (più scuro) a #F9D9E7 (più chiaro). L’intervallo di luminosità è ampio.
Saturazione mista — 2 smorzati e 1 vivaci su 6 colori.
Alcune coppie di tonalità sono vicine a posizioni complementari — si può leggere come contrasto complementare (euristica).
Complessivamente la temperatura tende al caldo (3 su 6).
Codici HEX (ordinati): #0C1424, #3F6ABF, #5C4434, #AE8862, #C7B49F, #F9D9E7
La tavolozza Metrics b2b user interface web app ha una combinazione di colori dei codici 6:
ESADECIMALE: #3f6abf, RGB: (63, 106, 191); ESADECIMALE: #f9d9e7, RGB: (249, 217, 231); ESADECIMALE: #0c1424, RGB: (12, 20, 36)
ESADECIMALE: #ae8862, RGB: (174, 136, 98); ESADECIMALE: #c7b49f, RGB: (199, 180, 159); ESADECIMALE: #5c4434, RGB: (92, 68, 52)
Versione semplificata della tavolozza dei colori
Tonalità di royalblue, Tonalità di mistyrose, Ombra di Nero, Tonalità di peru, Tonalità di tan, Tonalità di saddlebrown
La combinazione di colori è stata creata da colorswall
Codici colori nella tavolozza
Metrics b2b user interface web app codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
|---|---|---|---|---|
| #3f6abf | #3f6abf | RGB(63, 106, 191) | Han Blue | — |
| #f9d9e7 | #f9d9e7 | RGB(249, 217, 231) | Piggy Pink | — |
| #0c1424 | #0c1424 | RGB(12, 20, 36) | Chinese Black | — |
| #ae8862 | #ae8862 | RGB(174, 136, 98) | Bronze (Metallic) | — |
| #c7b49f | #c7b49f | RGB(199, 180, 159) | Khaki (HTML/CSS) | — |
| #5c4434 | #5c4434 | RGB(92, 68, 52) | Liver Chestnut (Horses) | — |
Contrasto della palette di colori
4 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 |
|---|---|---|
#3f6abf | #ae8862 | 1.61 |
#3f6abf | #5c4434 | 1.72 |
#f9d9e7 | #c7b49f | 1.54 |
#ae8862 | #c7b49f | 1.6 |
Tavolozza immagini Metrics b2b user interface web app png
Esporta tavolozza
Scarica la "Metrics b2b user interface web app" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: