Creato a 03/16/2023 20:35
Web design landing page website home colors palette
- Steel Blue#2c8daa
- Medium Sky Blue#7be0ea
- Japanese Indigo#1c404f
- Crystal Blue#5aa4b2
- Black Shadows#c4b4b4
- Purple Taupe#4e4449
La tavolozza è composta da Leggero colori. Colori accentati Medium Sky Blue #7be0ea e Black Shadows #c4b4b4. La tavolozza ha la temperatura del colore Freddo, Neutro.
Per luminosità, la tavolozza va da #1C404F (più scuro) a #C4B4B4 (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): #1C404F, #2C8DAA, #4E4449, #5AA4B2, #7BE0EA, #C4B4B4
La tavolozza Web design landing page website home colors palette ha una combinazione di colori dei codici 6:
ESADECIMALE: #2c8daa, RGB: (44, 141, 170); ESADECIMALE: #7be0ea, RGB: (123, 224, 234); ESADECIMALE: #1c404f, RGB: (28, 64, 79)
ESADECIMALE: #5aa4b2, RGB: (90, 164, 178); ESADECIMALE: #c4b4b4, RGB: (196, 180, 180); ESADECIMALE: #4e4449, RGB: (78, 68, 73)
Versione semplificata della tavolozza dei colori
Tonalità di steelblue, Tonalità di paleturquoise, Tonalità di darkslategrey, Ombra di cadetblue, Tonalità di Argento, Tonalità di dimgrey
La combinazione di colori è stata creata da colorslib
Codici colori nella tavolozza
Web design landing page website home colors palette codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #2c8daa | #2c8daa | RGB(44, 141, 170) | Steel Blue | — |
| #7be0ea | #7be0ea | RGB(123, 224, 234) | Medium Sky Blue | — |
| #1c404f | #1c404f | RGB(28, 64, 79) | Japanese Indigo | — |
| #5aa4b2 | #5aa4b2 | RGB(90, 164, 178) | Crystal Blue | — |
| #c4b4b4 | #c4b4b4 | RGB(196, 180, 180) | Black Shadows | — |
| #4e4449 | #4e4449 | RGB(78, 68, 73) | Purple Taupe | — |
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 |
#2c8daa | #5aa4b2 | 1.34 |
#2c8daa | #c4b4b4 | 1.91 |
#7be0ea | #5aa4b2 | 1.85 |
#7be0ea | #c4b4b4 | 1.29 |
#1c404f | #4e4449 | 1.18 |
#5aa4b2 | #c4b4b4 | 1.42 |
Tavolozza immagini Web design landing page website home colors palette png
Esporta tavolozza
Scarica la "Web design landing page website home colors palette" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: