Creato a 01/02/2023 14:42
Design ux product website colors
- Chinese Yellow#fbaf06
- Jasmine#f9dc7f
- Philippine Gold#af730f
- Café Au Lait#a57a5f
- Pale Cerulean#a0c4d4
- Van Dyke Brown#5e4c29
La tavolozza è composta da Leggero colori. Colori accentati Chinese Yellow #fbaf06 e Pale Cerulean #a0c4d4. La tavolozza ha la temperatura del colore Caldo, Freddo.
Per luminosità, la tavolozza va da #5E4C29 (più scuro) a #F9DC7F (più chiaro). L’intervallo di luminosità è moderato.
La saturazione è in una fascia media.
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): #5E4C29, #A0C4D4, #A57A5F, #AF730F, #F9DC7F, #FBAF06
La tavolozza Design ux product website colors ha una combinazione di colori dei codici 6:
ESADECIMALE: #fbaf06, RGB: (251, 175, 6); ESADECIMALE: #f9dc7f, RGB: (249, 220, 127); ESADECIMALE: #af730f, RGB: (175, 115, 15)
ESADECIMALE: #a57a5f, RGB: (165, 122, 95); ESADECIMALE: #a0c4d4, RGB: (160, 196, 212); ESADECIMALE: #5e4c29, RGB: (94, 76, 41)
Versione semplificata della tavolozza dei colori
Ombra di Arancia, Tonalità di Cachi, Tonalità di darkgoldenrod, Tonalità di peru, Tonalità di lightblue, Tonalità di saddlebrown
La combinazione di colori è stata creata da coolor
Codici colori nella tavolozza
Design ux product website colors codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #fbaf06 | #fbaf06 | RGB(251, 175, 6) | Chinese Yellow | — |
| #f9dc7f | #f9dc7f | RGB(249, 220, 127) | Jasmine | — |
| #af730f | #af730f | RGB(175, 115, 15) | Philippine Gold | — |
| #a57a5f | #a57a5f | RGB(165, 122, 95) | Café Au Lait | — |
| #a0c4d4 | #a0c4d4 | RGB(160, 196, 212) | Pale Cerulean | — |
| #5e4c29 | #5e4c29 | RGB(94, 76, 41) | Van Dyke Brown | — |
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 |
#fbaf06 | #f9dc7f | 1.38 |
#fbaf06 | #a0c4d4 | 1 |
#f9dc7f | #a0c4d4 | 1.37 |
#af730f | #a57a5f | 1.05 |
Tavolozza immagini Design ux product website colors png
Esporta tavolozza
Scarica la "Design ux product website colors" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: