Loading...
Creato a 03/22/2023 14:49
Interaction mobile animation ui
- Azure#047afb
- Maya Blue#6dcbf5
- Catalina Blue#082a7c
- Dark Blue-Gray#61789c
- Opal#a6c7b6
- MSU Green#24443c
La tavolozza è composta da Leggero, Buio colori. Colori accentati Azure #047afb e Catalina Blue #082a7c. La tavolozza ha la temperatura del colore Freddo.
Per luminosità, la tavolozza va da #24443C (più scuro) a #A6C7B6 (più chiaro). L’intervallo di luminosità è moderato.
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): #047AFB, #082A7C, #24443C, #61789C, #6DCBF5, #A6C7B6
La tavolozza Interaction mobile animation ui ha una combinazione di colori dei codici 6:
ESADECIMALE: #047afb, RGB: (4, 122, 251); ESADECIMALE: #6dcbf5, RGB: (109, 203, 245); ESADECIMALE: #082a7c, RGB: (8, 42, 124)
ESADECIMALE: #61789c, RGB: (97, 120, 156); ESADECIMALE: #a6c7b6, RGB: (166, 199, 182); ESADECIMALE: #24443c, RGB: (36, 68, 60)
Versione semplificata della tavolozza dei colori
Tonalità di steelblue, Tonalità di lightskyblue, Ombra di midnightblue, Tonalità di slategrey, Ombra di darkseagreen, Tonalità di darkslategrey
La combinazione di colori è stata creata da palettespicker
Codici colori nella tavolozza
Interaction mobile animation ui codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #047afb | #047afb | RGB(4, 122, 251) | Azure | — |
| #6dcbf5 | #6dcbf5 | RGB(109, 203, 245) | Maya Blue | — |
| #082a7c | #082a7c | RGB(8, 42, 124) | Catalina Blue | — |
| #61789c | #61789c | RGB(97, 120, 156) | Dark Blue-Gray | — |
| #a6c7b6 | #a6c7b6 | RGB(166, 199, 182) | Opal | — |
| #24443c | #24443c | RGB(36, 68, 60) | MSU Green | — |
Contrasto della palette di colori
3 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 |
#047afb | #61789c | 1.1 |
#6dcbf5 | #a6c7b6 | 1 |
#082a7c | #24443c | 1.2 |
Tavolozza immagini Interaction mobile animation ui png
Esporta tavolozza
Scarica la "Interaction mobile animation ui" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: