Creato a 02/10/2022 15:56
Practice web design ui colors
- Metallic Yellow#f9cc0c
- Buff#f1d983
- Dark Goldenrod#ab8217
- Deep Puce#ac5c64
- Dark Vanilla#d3ccaf
- Rifle Green#44443c
La tavolozza è composta da Leggero colori. Colori accentati Metallic Yellow #f9cc0c e Buff #f1d983. La tavolozza ha la temperatura del colore Caldo, Neutro.
Per luminosità, la tavolozza va da #44443C (più scuro) a #D3CCAF (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 caldo.
Codici HEX (ordinati): #44443C, #AB8217, #AC5C64, #D3CCAF, #F1D983, #F9CC0C
La tavolozza Practice web design ui colors ha una combinazione di colori dei codici 6:
ESADECIMALE: #f9cc0c, RGB: (249, 204, 12); ESADECIMALE: #f1d983, RGB: (241, 217, 131); ESADECIMALE: #ab8217, RGB: (171, 130, 23)
ESADECIMALE: #ac5c64, RGB: (172, 92, 100); ESADECIMALE: #d3ccaf, RGB: (211, 204, 175); ESADECIMALE: #44443c, RGB: (68, 68, 60)
Versione semplificata della tavolozza dei colori
Tonalità di gold, Tonalità di Cachi, Tonalità di darkgoldenrod, Tonalità di indianred, Tonalità di wheat, Tonalità di darkslategrey
La combinazione di colori è stata creata da colorswall
Codici colori nella tavolozza
Practice web design ui colors codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #f9cc0c | #f9cc0c | RGB(249, 204, 12) | Metallic Yellow | — |
| #f1d983 | #f1d983 | RGB(241, 217, 131) | Buff | — |
| #ab8217 | #ab8217 | RGB(171, 130, 23) | Dark Goldenrod | — |
| #ac5c64 | #ac5c64 | RGB(172, 92, 100) | Deep Puce | — |
| #d3ccaf | #d3ccaf | RGB(211, 204, 175) | Dark Vanilla | — |
| #44443c | #44443c | RGB(68, 68, 60) | Rifle Green | — |
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 |
#f9cc0c | #f1d983 | 1.09 |
#f9cc0c | #d3ccaf | 1.04 |
#f1d983 | #d3ccaf | 1.15 |
#ab8217 | #ac5c64 | 1.32 |
Tavolozza immagini Practice web design ui colors png
Esporta tavolozza
Scarica la "Practice web design ui colors" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: