Creato a 03/23/2023 23:15
Ui ux interface mobile
- Palatinate Blue#2c50f6
- Aquamarine#7cfbdc
- Cetacean Blue#15073a
- Dark Blue-Gray#68609a
- Opal#97c7c7
- English Violet#52386a
La tavolozza è composta da Semi scuro, Leggero, Buio colori. Colori accentati Palatinate Blue #2c50f6 e Aquamarine #7cfbdc. La tavolozza ha la temperatura del colore Freddo.
Per luminosità, la tavolozza va da #15073A (più scuro) a #7CFBDC (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): #15073A, #2C50F6, #52386A, #68609A, #7CFBDC, #97C7C7
La tavolozza Ui ux interface mobile ha una combinazione di colori dei codici 6:
ESADECIMALE: #2c50f6, RGB: (44, 80, 246); ESADECIMALE: #7cfbdc, RGB: (124, 251, 220); ESADECIMALE: #15073a, RGB: (21, 7, 58)
ESADECIMALE: #68609a, RGB: (104, 96, 154); ESADECIMALE: #97c7c7, RGB: (151, 199, 199); ESADECIMALE: #52386a, RGB: (82, 56, 106)
Versione semplificata della tavolozza dei colori
Tonalità di royalblue, Tonalità di aquamarine, Tonalità di midnightblue, Tonalità di slateblue, Tonalità di powderblue, Tonalità di darkslateblue
La combinazione di colori è stata creata da hex
Codici colori nella tavolozza
Ui ux interface mobile codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #2c50f6 | #2c50f6 | RGB(44, 80, 246) | Palatinate Blue | — |
| #7cfbdc | #7cfbdc | RGB(124, 251, 220) | Aquamarine | — |
| #15073a | #15073a | RGB(21, 7, 58) | Cetacean Blue | — |
| #68609a | #68609a | RGB(104, 96, 154) | Dark Blue-Gray | — |
| #97c7c7 | #97c7c7 | RGB(151, 199, 199) | Opal | — |
| #52386a | #52386a | RGB(82, 56, 106) | English Violet | — |
Contrasto della palette di colori
5 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 |
#2c50f6 | #68609a | 1.03 |
#2c50f6 | #52386a | 1.68 |
#7cfbdc | #97c7c7 | 1.47 |
#15073a | #52386a | 1.89 |
#68609a | #52386a | 1.74 |
Tavolozza immagini Ui ux interface mobile png
Esporta tavolozza
Scarica la "Ui ux interface mobile" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: