Creato a 11/15/2022 16:22
Uidesign landingpage webdesign userinterface palette
- Orioles Orange#f44424
- Yellow-Green (Crayola)#cfee91
- American Red#be1b2b
- Bronze (Metallic)#aa9a62
- Khaki (HTML/CSS)#c8a894
- Rifle Green#3c4d35
La tavolozza è composta da Leggero colori. Colori accentati Orioles Orange #f44424 e American Red #be1b2b. La tavolozza ha la temperatura del colore Caldo, Neutro.
Per luminosità, la tavolozza va da #3C4D35 (più scuro) a #CFEE91 (più chiaro). L’intervallo di luminosità è moderato.
Saturazione mista — alcuni campioni smorzati e accenti più vivaci.
Le tonalità stanno in una fascia adiacente sulla ruota dei colori (euristica).
Complessivamente la temperatura tende al caldo.
Codici HEX (ordinati): #3C4D35, #AA9A62, #BE1B2B, #C8A894, #CFEE91, #F44424
La tavolozza Uidesign landingpage webdesign userinterface palette ha una combinazione di colori dei codici 6:
ESADECIMALE: #f44424, RGB: (244, 68, 36); ESADECIMALE: #cfee91, RGB: (207, 238, 145); ESADECIMALE: #be1b2b, RGB: (190, 27, 43)
ESADECIMALE: #aa9a62, RGB: (170, 154, 98); ESADECIMALE: #c8a894, RGB: (200, 168, 148); ESADECIMALE: #3c4d35, RGB: (60, 77, 53)
Versione semplificata della tavolozza dei colori
Ombra di Rosso, Tonalità di Cachi, Ombra di firebrick, Tonalità di darkkhaki, Tonalità di tan, Tonalità di darkslategrey
La combinazione di colori è stata creata da raccoon
Codici colori nella tavolozza
Uidesign landingpage webdesign userinterface palette codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #f44424 | #f44424 | RGB(244, 68, 36) | Orioles Orange | — |
| #cfee91 | #cfee91 | RGB(207, 238, 145) | Yellow-Green (Crayola) | — |
| #be1b2b | #be1b2b | RGB(190, 27, 43) | American Red | — |
| #aa9a62 | #aa9a62 | RGB(170, 154, 98) | Bronze (Metallic) | — |
| #c8a894 | #c8a894 | RGB(200, 168, 148) | Khaki (HTML/CSS) | — |
| #3c4d35 | #3c4d35 | RGB(60, 77, 53) | Rifle Green | — |
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 |
#f44424 | #be1b2b | 1.68 |
#f44424 | #aa9a62 | 1.31 |
#f44424 | #c8a894 | 1.66 |
#cfee91 | #c8a894 | 1.71 |
#be1b2b | #3c4d35 | 1.46 |
#aa9a62 | #c8a894 | 1.26 |
Tavolozza immagini Uidesign landingpage webdesign userinterface palette png
Esporta tavolozza
Scarica la "Uidesign landingpage webdesign userinterface palette" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: