Creato a 05/19/2022 13:16
Uidesign blog design ui
- Dark Coral#c95435
- Dutch White#ecd4bc
- Liver (Organ)#692c1c
- Cinereous#988474
- Pastel Gray#d7cab6
- Charcoal#38424e
La tavolozza è composta da Leggero colori. Colori accentati Dark Coral #c95435 e Charcoal #38424e. La tavolozza ha la temperatura del colore Caldo, Neutro, Freddo.
Per luminosità, la tavolozza va da #692C1C (più scuro) a #ECD4BC (più chiaro). L’intervallo di luminosità è ampio.
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 caldo.
Codici HEX (ordinati): #38424E, #692C1C, #988474, #C95435, #D7CAB6, #ECD4BC
La tavolozza Uidesign blog design ui ha una combinazione di colori dei codici 6:
ESADECIMALE: #c95435, RGB: (201, 84, 53); ESADECIMALE: #ecd4bc, RGB: (236, 212, 188); ESADECIMALE: #692c1c, RGB: (105, 44, 28)
ESADECIMALE: #988474, RGB: (152, 132, 116); ESADECIMALE: #d7cab6, RGB: (215, 202, 182); ESADECIMALE: #38424e, RGB: (56, 66, 78)
Versione semplificata della tavolozza dei colori
Ombra di Rosso, Tonalità di peachpuff, Ombra di Marrone, Ombra di Grigio, Tonalità di antiquewhite, Tonalità di darkslategrey
La combinazione di colori è stata creata da colorswall
Codici colori nella tavolozza
Uidesign blog design ui codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #c95435 | #c95435 | RGB(201, 84, 53) | Dark Coral | — |
| #ecd4bc | #ecd4bc | RGB(236, 212, 188) | Dutch White | — |
| #692c1c | #692c1c | RGB(105, 44, 28) | Liver (Organ) | — |
| #988474 | #988474 | RGB(152, 132, 116) | Cinereous | — |
| #d7cab6 | #d7cab6 | RGB(215, 202, 182) | Pastel Gray | — |
| #38424e | #38424e | RGB(56, 66, 78) | Charcoal | — |
Contrasto della palette di colori
3 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 |
#c95435 | #988474 | 1.22 |
#ecd4bc | #d7cab6 | 1.13 |
#692c1c | #38424e | 1.04 |
Tavolozza immagini Uidesign blog design ui png
Esporta tavolozza
Scarica la "Uidesign blog design ui" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: