Creato a 02/23/2023 18:25
Product design material ux
- Blue-Violet#7b3ce2
- Baby Blue Eyes#9ec6f6
- Spanish Violet#442477
- African Violet#a890c4
- Languid Lavender#e0d1e3
- Eerie Black#1c1427
La tavolozza è composta da Semi scuro, Leggero, Buio colori. Colori accentati Blue-Violet #7b3ce2 e Baby Blue Eyes #9ec6f6. La tavolozza ha la temperatura del colore Freddo, Neutro.
Per luminosità, la tavolozza va da #1C1427 (più scuro) a #E0D1E3 (più chiaro). L’intervallo di luminosità è ampio.
Saturazione mista — alcuni campioni smorzati e accenti più vivaci.
Le tonalità stanno in una fascia adiacente sulla ruota dei colori (euristica).
Complessivamente la temperatura tende al freddo.
Codici HEX (ordinati): #1C1427, #442477, #7B3CE2, #9EC6F6, #A890C4, #E0D1E3
La tavolozza Product design material ux ha una combinazione di colori dei codici 6:
ESADECIMALE: #7b3ce2, RGB: (123, 60, 226); ESADECIMALE: #9ec6f6, RGB: (158, 198, 246); ESADECIMALE: #442477, RGB: (68, 36, 119)
ESADECIMALE: #a890c4, RGB: (168, 144, 196); ESADECIMALE: #e0d1e3, RGB: (224, 209, 227); ESADECIMALE: #1c1427, RGB: (28, 20, 39)
Versione semplificata della tavolozza dei colori
Ombra di blueviolet, Tonalità di lightsteelblue, Ombra di indigo, Tonalità di plum, Ombra di thistle, Ombra di Nero
La combinazione di colori è stata creata da bad_colors
Codici colori nella tavolozza
Product design material ux codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #7b3ce2 | #7b3ce2 | RGB(123, 60, 226) | Blue-Violet | — |
| #9ec6f6 | #9ec6f6 | RGB(158, 198, 246) | Baby Blue Eyes | — |
| #442477 | #442477 | RGB(68, 36, 119) | Spanish Violet | — |
| #a890c4 | #a890c4 | RGB(168, 144, 196) | African Violet | — |
| #e0d1e3 | #e0d1e3 | RGB(224, 209, 227) | Languid Lavender | — |
| #1c1427 | #1c1427 | RGB(28, 20, 39) | Eerie Black | — |
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 |
#9ec6f6 | #a890c4 | 1.59 |
#9ec6f6 | #e0d1e3 | 1.21 |
#442477 | #1c1427 | 1.49 |
#a890c4 | #e0d1e3 | 1.93 |
Tavolozza immagini Product design material ux png
Esporta tavolozza
Scarica la "Product design material ux" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: