Creato a 12/08/2022 14:21
Product ux mobile ui app hex colors
- Bright Navy Blue#1c71d8
- Light Carmine Pink#f16576
- Dark Cornflower Blue#1c448c
- Slate Gray#6c748c
- Dust Storm#dcbec5
- American Purple#412443
La tavolozza è composta da Leggero, Buio colori. Colori accentati Bright Navy Blue #1c71d8 e Light Carmine Pink #f16576. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.
Per luminosità, la tavolozza va da #412443 (più scuro) a #DCBEC5 (più chiaro). L’intervallo di luminosità è ampio.
Saturazione mista — 1 smorzati e 3 vivaci su 6 colori.
Le tonalità sono distribuite su circa 140° della ruota: tavolozza varia (euristica).
Complessivamente la temperatura tende al freddo (3 su 6).
Codici HEX (ordinati): #1C448C, #1C71D8, #412443, #6C748C, #DCBEC5, #F16576
La tavolozza Product ux mobile ui app hex colors ha una combinazione di colori dei codici 6:
ESADECIMALE: #1c71d8, RGB: (28, 113, 216); ESADECIMALE: #f16576, RGB: (241, 101, 118); ESADECIMALE: #1c448c, RGB: (28, 68, 140)
ESADECIMALE: #6c748c, RGB: (108, 116, 140); ESADECIMALE: #dcbec5, RGB: (220, 190, 197); ESADECIMALE: #412443, RGB: (65, 36, 67)
Versione semplificata della tavolozza dei colori
Tonalità di royalblue, Tonalità di lightcoral, Tonalità di darkslateblue, Tonalità di slategrey, Tonalità di thistle, Ombra di indigo
La combinazione di colori è stata creata da raccoon
Codici colori nella tavolozza
Product ux mobile ui app hex colors codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
|---|---|---|---|---|
| #1c71d8 | #1c71d8 | RGB(28, 113, 216) | Bright Navy Blue | — |
| #f16576 | #f16576 | RGB(241, 101, 118) | Light Carmine Pink | — |
| #1c448c | #1c448c | RGB(28, 68, 140) | Dark Cornflower Blue | — |
| #6c748c | #6c748c | RGB(108, 116, 140) | Slate Gray | — |
| #dcbec5 | #dcbec5 | RGB(220, 190, 197) | Dust Storm | — |
| #412443 | #412443 | RGB(65, 36, 67) | American Purple | — |
Contrasto della palette di colori
6 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 |
|---|---|---|
#1c71d8 | #f16576 | 1.55 |
#1c71d8 | #1c448c | 1.95 |
#1c71d8 | #6c748c | 1.02 |
#f16576 | #6c748c | 1.52 |
#f16576 | #dcbec5 | 1.77 |
#1c448c | #412443 | 1.44 |
Tavolozza immagini Product ux mobile ui app hex colors png
Esporta tavolozza
Scarica la "Product ux mobile ui app hex colors" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: