Creato a 03/06/2023 14:08
Design illustration web ui colors
- Dark Orchid#9824d4
- Wisteria#cca0dc
- American Violet#631483
- American Violet#5d1682
- Imperial#5c296f
- Inside#1c1424
La tavolozza è composta da Leggero, Buio colori. Colori accentati American Violet #631483 e American Violet #5d1682. La tavolozza ha la temperatura del colore Freddo, Neutro.
Per luminosità, la tavolozza va da #1C1424 (più scuro) a #CCA0DC (più chiaro). L’intervallo di luminosità è ampio.
La saturazione è in una fascia media.
La distribuzione delle tonalità suggerisce un gruppo preponderantemente analogo (euristica, non una regola fissa).
Complessivamente la temperatura tende al freddo.
Codici HEX (ordinati): #1C1424, #5C296F, #5D1682, #631483, #9824D4, #CCA0DC
La tavolozza Design illustration web ui colors ha una combinazione di colori dei codici 6:
ESADECIMALE: #9824d4, RGB: (152, 36, 212); ESADECIMALE: #cca0dc, RGB: (204, 160, 220); ESADECIMALE: #631483, RGB: (99, 20, 131)
ESADECIMALE: #5d1682, RGB: (93, 22, 130); ESADECIMALE: #5c296f, RGB: (92, 41, 111); ESADECIMALE: #1c1424, RGB: (28, 20, 36)
Versione semplificata della tavolozza dei colori
Tonalità di darkorchid, Tonalità di plum, Ombra di indigo, Ombra di indigo, Ombra di Viola, Ombra di Nero
La combinazione di colori è stata creata da colorswall
Codici colori nella tavolozza
Design illustration web ui colors codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #9824d4 | #9824d4 | RGB(152, 36, 212) | Dark Orchid | — |
| #cca0dc | #cca0dc | RGB(204, 160, 220) | Wisteria | — |
| #631483 | #631483 | RGB(99, 20, 131) | American Violet | — |
| #5d1682 | #5d1682 | RGB(93, 22, 130) | American Violet | — |
| #5c296f | #5c296f | RGB(92, 41, 111) | Imperial | — |
| #1c1424 | #1c1424 | RGB(28, 20, 36) | Inside | — |
Contrasto della palette di colori
9 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 |
#9824d4 | #631483 | 1.8 |
#9824d4 | #5d1682 | 1.85 |
#9824d4 | #5c296f | 1.76 |
#631483 | #5d1682 | 1.02 |
#631483 | #5c296f | 1.02 |
#631483 | #1c1424 | 1.66 |
Tavolozza immagini Design illustration web ui colors png
Esporta tavolozza
Scarica la "Design illustration web ui colors" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: