Saas interface product design user
- Meat Brown#e4b43c
- Bright Lavender#b78ce8
- Café Noir#4c2c1c
- Blast-Off Bronze#a27b66
- Cadet Blue (Crayola)#abacc9
- Royal Brown#543c34
Creato il 12/06/2022 11:13
La tavolozza è composta da Chiaro, Scuro, Semi scuro colori. Colori d'accento Meat Brown #e4b43c e Bright Lavender #b78ce8. La tavolozza ha la temperatura del colore Caldo, Freddo.
Per luminosità, la tavolozza va da #4C2C1C (più scuro) a #E4B43C (più chiaro). L’intervallo di luminosità è moderato.
Saturazione mista — 3 smorzati e 2 vivaci su 6 colori.
Alcuni colori sono quasi opposti sulla ruota dei colori e danno alla palette un contrasto complementare.
Complessivamente la temperatura tende al caldo (4 su 6).
Codici HEX (ordinati): #4C2C1C, #543C34, #A27B66, #ABACC9, #B78CE8, #E4B43C
La tavolozza Saas interface product design user combina 6 codici colore:
HEX: #e4b43c, RGB: (228, 180, 60); HEX: #b78ce8, RGB: (183, 140, 232); HEX: #4c2c1c, RGB: (76, 44, 28)
HEX: #a27b66, RGB: (162, 123, 102); HEX: #abacc9, RGB: (171, 172, 201); HEX: #543c34, RGB: (84, 60, 52)
Versione semplificata della tavolozza dei colori
Tinta di Verga d'oro, Tinta di Viola medio, Tinta di Bordeaux, Sfumatura di Marrone rosato, Sfumatura di Blu acciaio chiaro, Sfumatura di Marrone sella
La combinazione di colori è stata creata da colorslib
Codici colori nella tavolozza
Saas interface product design user codici colore HEX, informazioni RGB in tabella
| Colore | HEX | RGB | Nome | Nome alternativo |
|---|---|---|---|---|
| #e4b43c | #e4b43c | RGB(228, 180, 60) | Meat Brown | — |
| #b78ce8 | #b78ce8 | RGB(183, 140, 232) | Bright Lavender | — |
| #4c2c1c | #4c2c1c | RGB(76, 44, 28) | Café Noir | — |
| #a27b66 | #a27b66 | RGB(162, 123, 102) | Blast-Off Bronze | — |
| #abacc9 | #abacc9 | RGB(171, 172, 201) | Cadet Blue (Crayola) | — |
| #543c34 | #543c34 | RGB(84, 60, 52) | Royal Brown | — |
Contrasto della palette di colori
7 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 |
|---|---|---|
#e4b43c | #b78ce8 | 1.37 |
#e4b43c | #a27b66 | 1.95 |
#e4b43c | #abacc9 | 1.14 |
#b78ce8 | #a27b66 | 1.42 |
#b78ce8 | #abacc9 | 1.19 |
#4c2c1c | #543c34 | 1.23 |
Tavolozza immagini Saas interface product design user png
Esporta tavolozza
Scarica la "Saas interface product design user" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: