Design icon ux web
- Carrot Orange#f59722
- Maximum Yellow Red#f7b74b
- Liver (Organ)#682d29
- Old Silver#848484
- Dust Storm#dac0c2
- Temptress#361f1e
Creato il 12/08/2022 10:29
La tavolozza è composta da Chiaro, Semi scuro, Scuro colori. Colori d'accento Carrot Orange #f59722 e Maximum Yellow Red #f7b74b. La tavolozza ha la temperatura del colore Caldo, Neutro.
Per luminosità, la tavolozza va da #361F1E (più scuro) a #DAC0C2 (più chiaro). L’intervallo di luminosità è ampio.
Saturazione mista — 2 smorzati e 2 vivaci su 6 colori.
Una palette analoga: le sue tonalità sono vicine sulla ruota dei colori, entro circa 42°.
Complessivamente la temperatura tende al caldo (5 su 6).
Codici HEX (ordinati): #361F1E, #682D29, #848484, #DAC0C2, #F59722, #F7B74B
La tavolozza Design icon ux web combina 6 codici colore:
HEX: #f59722, RGB: (245, 151, 34); HEX: #f7b74b, RGB: (247, 183, 75); HEX: #682d29, RGB: (104, 45, 41)
HEX: #848484, RGB: (132, 132, 132); HEX: #dac0c2, RGB: (218, 192, 194); HEX: #361f1e, RGB: (54, 31, 30)
Versione semplificata della tavolozza dei colori
Tinta di Arancione scuro, Tinta di Arancione, Tinta di Bordeaux, Tinta di Grigio, Sfumatura di Cardo, Tinta di Nero
La combinazione di colori è stata creata da raccoon
Codici colori nella tavolozza
Design icon ux web codici colore HEX, informazioni RGB in tabella
| Colore | HEX | RGB | Nome | Nome alternativo |
|---|---|---|---|---|
| #f59722 | #f59722 | RGB(245, 151, 34) | Carrot Orange | — |
| #f7b74b | #f7b74b | RGB(247, 183, 75) | Maximum Yellow Red | — |
| #682d29 | #682d29 | RGB(104, 45, 41) | Liver (Organ) | — |
| #848484 | #848484 | RGB(132, 132, 132) | Old Silver | — |
| #dac0c2 | #dac0c2 | RGB(218, 192, 194) | Dust Storm | — |
| #361f1e | #361f1e | RGB(54, 31, 30) | Temptress | — |
Contrasto della palette di colori
5 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 |
|---|---|---|
#f59722 | #f7b74b | 1.26 |
#f59722 | #848484 | 1.66 |
#f59722 | #dac0c2 | 1.31 |
#f7b74b | #dac0c2 | 1.03 |
#682d29 | #361f1e | 1.45 |
Tavolozza immagini Design icon ux web png
Esporta tavolozza
Scarica la "Design icon ux web" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: