Creato a 01/14/2023 13:05
Business website landing page hero section ux palette
- Blueberry#5d7be9
- Light Salmon#f4a474
- Van Dyke Brown#64402c
- Blast-Off Bronze#a47361
- Pastel Blue#b4bfcf
- Café Noir#503428
La tavolozza è composta da Leggero colori. Colori accentati Blueberry #5d7be9 e Light Salmon #f4a474. La tavolozza ha la temperatura del colore Freddo, Caldo.
Per luminosità, la tavolozza va da #503428 (più scuro) a #B4BFCF (più chiaro). L’intervallo di luminosità è moderato.
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 caldo.
Codici HEX (ordinati): #503428, #5D7BE9, #64402C, #A47361, #B4BFCF, #F4A474
La tavolozza Business website landing page hero section ux palette ha una combinazione di colori dei codici 6:
ESADECIMALE: #5d7be9, RGB: (93, 123, 233); ESADECIMALE: #f4a474, RGB: (244, 164, 116); ESADECIMALE: #64402c, RGB: (100, 64, 44)
ESADECIMALE: #a47361, RGB: (164, 115, 97); ESADECIMALE: #b4bfcf, RGB: (180, 191, 207); ESADECIMALE: #503428, RGB: (80, 52, 40)
Versione semplificata della tavolozza dei colori
Ombra di royalblue, Tonalità di lightsalmon, Tonalità di saddlebrown, Ombra di sienna, Tonalità di lightsteelblue, Tonalità di saddlebrown
La combinazione di colori è stata creata da palettespicker
Codici colori nella tavolozza
Business website landing page hero section ux palette codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #5d7be9 | #5d7be9 | RGB(93, 123, 233) | Blueberry | — |
| #f4a474 | #f4a474 | RGB(244, 164, 116) | Light Salmon | — |
| #64402c | #64402c | RGB(100, 64, 44) | Van Dyke Brown | — |
| #a47361 | #a47361 | RGB(164, 115, 97) | Blast-Off Bronze | — |
| #b4bfcf | #b4bfcf | RGB(180, 191, 207) | Pastel Blue | — |
| #503428 | #503428 | RGB(80, 52, 40) | Café Noir | — |
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 |
#5d7be9 | #f4a474 | 1.9 |
#5d7be9 | #a47361 | 1.05 |
#f4a474 | #b4bfcf | 1.08 |
#64402c | #503428 | 1.24 |
Tavolozza immagini Business website landing page hero section ux palette png
Esporta tavolozza
Scarica la "Business website landing page hero section ux palette" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: