Creato a 11/15/2022 15:11
Design ui colors
- Blueberry#4493f8
- Light Sky Blue#7fccf4
- Midnight Green (Eagle Green)#144454
- Cyan Azure#518eae
- Philippine Silver#b7b7b7
- Deep Space Sparkle#405c6c
La tavolozza è composta da Leggero, Semi scuro colori. Colori accentati Blueberry #4493f8 e Philippine Silver #b7b7b7. La tavolozza ha la temperatura del colore Freddo, Neutro.
Per luminosità, la tavolozza va da #144454 (più scuro) a #7FCCF4 (più chiaro). L’intervallo di luminosità è moderato.
Saturazione mista — alcuni campioni smorzati e accenti più vivaci.
La distribuzione delle tonalità suggerisce un gruppo preponderantemente analogo (euristica, non una regola fissa).
Complessivamente la temperatura tende al freddo.
Codici HEX (ordinati): #144454, #405C6C, #4493F8, #518EAE, #7FCCF4, #B7B7B7
La tavolozza Design ui colors ha una combinazione di colori dei codici 6:
ESADECIMALE: #4493f8, RGB: (68, 147, 248); ESADECIMALE: #7fccf4, RGB: (127, 204, 244); ESADECIMALE: #144454, RGB: (20, 68, 84)
ESADECIMALE: #518eae, RGB: (81, 142, 174); ESADECIMALE: #b7b7b7, RGB: (183, 183, 183); ESADECIMALE: #405c6c, RGB: (64, 92, 108)
Versione semplificata della tavolozza dei colori
Ombra di dodgerblue, Tonalità di lightskyblue, Tonalità di darkslategrey, Ombra di steelblue, Tonalità di Argento, Ombra di darkslategrey
La combinazione di colori è stata creata da bad_colors
Codici colori nella tavolozza
Design ui colors codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
|---|---|---|---|---|
| #4493f8 | #4493f8 | RGB(68, 147, 248) | Blueberry | — |
| #7fccf4 | #7fccf4 | RGB(127, 204, 244) | Light Sky Blue | — |
| #144454 | #144454 | RGB(20, 68, 84) | Midnight Green (Eagle Green) | — |
| #518eae | #518eae | RGB(81, 142, 174) | Cyan Azure | — |
| #b7b7b7 | #b7b7b7 | RGB(183, 183, 183) | Philippine Silver | — |
| #405c6c | #405c6c | RGB(64, 92, 108) | Deep Space Sparkle | — |
Contrasto della palette di colori
7 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 |
|---|---|---|
#4493f8 | #7fccf4 | 1.74 |
#4493f8 | #518eae | 1.16 |
#4493f8 | #b7b7b7 | 1.54 |
#7fccf4 | #b7b7b7 | 1.13 |
#144454 | #405c6c | 1.49 |
#518eae | #b7b7b7 | 1.79 |
Tavolozza immagini Design ui colors png
Esporta tavolozza
Scarica la "Design ui colors" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: