Creato a 12/23/2022 13:04
Landing design agency ux palette
- Shocking Pink#fb04ca
- Cyclamen#f36c9d
- Dark Scarlet#59052b
- Philippine Gray#8c8c8e
- Violet-Red#8d0b3a
- Gunmetal#2b2d32
La tavolozza è composta da Leggero, Buio colori. Colori accentati Shocking Pink #fb04ca e Dark Scarlet #59052b. La tavolozza ha la temperatura del colore Neutro, Caldo, Freddo.
Per luminosità, la tavolozza va da #2B2D32 (più scuro) a #F36C9D (più chiaro). L’intervallo di luminosità è moderato.
La saturazione complessiva risulta vivida (croma alto).
La distribuzione delle tonalità suggerisce un gruppo preponderantemente analogo (euristica, non una regola fissa).
Complessivamente la temperatura tende al caldo.
Codici HEX (ordinati): #2B2D32, #59052B, #8C8C8E, #8D0B3A, #F36C9D, #FB04CA
La tavolozza Landing design agency ux palette ha una combinazione di colori dei codici 6:
ESADECIMALE: #fb04ca, RGB: (251, 4, 202); ESADECIMALE: #f36c9d, RGB: (243, 108, 157); ESADECIMALE: #59052b, RGB: (89, 5, 43)
ESADECIMALE: #8c8c8e, RGB: (140, 140, 142); ESADECIMALE: #8d0b3a, RGB: (141, 11, 58); ESADECIMALE: #2b2d32, RGB: (43, 45, 50)
Versione semplificata della tavolozza dei colori
Tonalità di magenta, Ombra di palevioletred, Tonalità di Viola, Ombra di Grigio, Tonalità di brown, Ombra di Nero
La combinazione di colori è stata creata da bad_colors
Codici colori nella tavolozza
Landing design agency ux palette codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
|---|---|---|---|---|
| #fb04ca | #fb04ca | RGB(251, 4, 202) | Shocking Pink | — |
| #f36c9d | #f36c9d | RGB(243, 108, 157) | Cyclamen | — |
| #59052b | #59052b | RGB(89, 5, 43) | Dark Scarlet | — |
| #8c8c8e | #8c8c8e | RGB(140, 140, 142) | Philippine Gray | — |
| #8d0b3a | #8d0b3a | RGB(141, 11, 58) | Violet-Red | — |
| #2b2d32 | #2b2d32 | RGB(43, 45, 50) | Gunmetal | — |
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 |
|---|---|---|
#fb04ca | #f36c9d | 1.24 |
#fb04ca | #8c8c8e | 1.04 |
#f36c9d | #8c8c8e | 1.18 |
#59052b | #8d0b3a | 1.51 |
#59052b | #2b2d32 | 1.02 |
#8d0b3a | #2b2d32 | 1.47 |
Tavolozza immagini Landing design agency ux palette png
Esporta tavolozza
Scarica la "Landing design agency ux palette" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: