Creato a 03/03/2022 13:08
Website webdesign illustration ui hex colors
- Verdigris#54b2b5
- Amaranth Pink#f6a5b0
- Dark Slate Gray#285a5c
- Wintergreen Dream#4c9776
- Pastel Blue#adccc5
- Charcoal#40435a
La tavolozza è composta da Leggero colori. Colori accentati Verdigris #54b2b5 e Amaranth Pink #f6a5b0. La tavolozza ha la temperatura del colore Freddo, Caldo.
Per luminosità, la tavolozza va da #285A5C (più scuro) a #F6A5B0 (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 freddo.
Codici HEX (ordinati): #285A5C, #40435A, #4C9776, #54B2B5, #ADCCC5, #F6A5B0
La tavolozza Website webdesign illustration ui hex colors ha una combinazione di colori dei codici 6:
ESADECIMALE: #54b2b5, RGB: (84, 178, 181); ESADECIMALE: #f6a5b0, RGB: (246, 165, 176); ESADECIMALE: #285a5c, RGB: (40, 90, 92)
ESADECIMALE: #4c9776, RGB: (76, 151, 118); ESADECIMALE: #adccc5, RGB: (173, 204, 197); ESADECIMALE: #40435a, RGB: (64, 67, 90)
Versione semplificata della tavolozza dei colori
Ombra di lightseagreen, Tonalità di lightpink, Ombra di darkslategrey, Ombra di seashell, Tonalità di powderblue, Tonalità di darkslateblue
La combinazione di colori è stata creata da colorswall
Altre tavolozze con:
Codici colori nella tavolozza
Website webdesign illustration ui hex colors codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #54b2b5 | #54b2b5 | RGB(84, 178, 181) | Verdigris | — |
| #f6a5b0 | #f6a5b0 | RGB(246, 165, 176) | Amaranth Pink | — |
| #285a5c | #285a5c | RGB(40, 90, 92) | Dark Slate Gray | — |
| #4c9776 | #4c9776 | RGB(76, 151, 118) | Wintergreen Dream | — |
| #adccc5 | #adccc5 | RGB(173, 204, 197) | Pastel Blue | — |
| #40435a | #40435a | RGB(64, 67, 90) | Charcoal | — |
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 |
#54b2b5 | #f6a5b0 | 1.29 |
#54b2b5 | #4c9776 | 1.4 |
#54b2b5 | #adccc5 | 1.45 |
#f6a5b0 | #4c9776 | 1.82 |
#f6a5b0 | #adccc5 | 1.11 |
#285a5c | #40435a | 1.24 |
Tavolozza immagini Website webdesign illustration ui hex colors png
Esporta tavolozza
Scarica la "Website webdesign illustration ui hex colors" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: