Loading...
Creato a 12/31/2022 19:42
Online store product web design landing page
- Jelly Bean Blue#377a9f
- Pastel Blue#a2bdd5
- Brown Chocolate#642034
- Asparagus#9ba465
- Pale Silver#ccc0c2
- Police Blue#2c5865
La tavolozza è composta da Leggero, Buio colori. Colori accentati Jelly Bean Blue #377a9f e Brown Chocolate #642034. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.
Per luminosità, la tavolozza va da #642034 (più scuro) a #CCC0C2 (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): #2C5865, #377A9F, #642034, #9BA465, #A2BDD5, #CCC0C2
La tavolozza Online store product web design landing page ha una combinazione di colori dei codici 6:
ESADECIMALE: #377a9f, RGB: (55, 122, 159); ESADECIMALE: #a2bdd5, RGB: (162, 189, 213); ESADECIMALE: #642034, RGB: (100, 32, 52)
ESADECIMALE: #9ba465, RGB: (155, 164, 101); ESADECIMALE: #ccc0c2, RGB: (204, 192, 194); ESADECIMALE: #2c5865, RGB: (44, 88, 101)
Versione semplificata della tavolozza dei colori
Tonalità di steelblue, Tonalità di lightsteelblue, Ombra di Marrone, Tonalità di darkkhaki, Ombra di Argento, Ombra di darkslategrey
La combinazione di colori è stata creata da hex
Codici colori nella tavolozza
Online store product web design landing page codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #377a9f | #377a9f | RGB(55, 122, 159) | Jelly Bean Blue | — |
| #a2bdd5 | #a2bdd5 | RGB(162, 189, 213) | Pastel Blue | — |
| #642034 | #642034 | RGB(100, 32, 52) | Brown Chocolate | — |
| #9ba465 | #9ba465 | RGB(155, 164, 101) | Asparagus | — |
| #ccc0c2 | #ccc0c2 | RGB(204, 192, 194) | Pale Silver | — |
| #2c5865 | #2c5865 | RGB(44, 88, 101) | Police Blue | — |
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 |
#377a9f | #9ba465 | 1.77 |
#377a9f | #2c5865 | 1.65 |
#a2bdd5 | #9ba465 | 1.36 |
#a2bdd5 | #ccc0c2 | 1.1 |
#642034 | #2c5865 | 1.49 |
#9ba465 | #ccc0c2 | 1.5 |
Tavolozza immagini Online store product web design landing page png
Esporta tavolozza
Scarica la "Online store product web design landing page" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: