Creato a 04/12/2023 22:12
Web ui interface design colours
- Rackley#528bac
- Pastel Blue#a5c2d3
- Japanese Indigo#26404f
- Slate Gray#6c7f8c
- Pastel Blue#b4c4cc
- Police Blue#35505e
La tavolozza è composta da Leggero colori. Colori accentati Rackley #528bac e Japanese Indigo #26404f. La tavolozza ha la temperatura del colore Freddo.
Per luminosità, la tavolozza va da #26404F (più scuro) a #B4C4CC (più chiaro). L’intervallo di luminosità è moderato.
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): #26404F, #35505E, #528BAC, #6C7F8C, #A5C2D3, #B4C4CC
La tavolozza Web ui interface design colours ha una combinazione di colori dei codici 6:
ESADECIMALE: #528bac, RGB: (82, 139, 172); ESADECIMALE: #a5c2d3, RGB: (165, 194, 211); ESADECIMALE: #26404f, RGB: (38, 64, 79)
ESADECIMALE: #6c7f8c, RGB: (108, 127, 140); ESADECIMALE: #b4c4cc, RGB: (180, 196, 204); ESADECIMALE: #35505e, RGB: (53, 80, 94)
Versione semplificata della tavolozza dei colori
Ombra di steelblue, Tonalità di lightsteelblue, Tonalità di darkslategrey, Tonalità di slategrey, Ombra di Argento, Ombra di darkslategrey
La combinazione di colori è stata creata da colorstudio
Codici colori nella tavolozza
Web ui interface design colours codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #528bac | #528bac | RGB(82, 139, 172) | Rackley | — |
| #a5c2d3 | #a5c2d3 | RGB(165, 194, 211) | Pastel Blue | — |
| #26404f | #26404f | RGB(38, 64, 79) | Japanese Indigo | — |
| #6c7f8c | #6c7f8c | RGB(108, 127, 140) | Slate Gray | — |
| #b4c4cc | #b4c4cc | RGB(180, 196, 204) | Pastel Blue | — |
| #35505e | #35505e | RGB(53, 80, 94) | Police Blue | — |
Contrasto della palette di colori
4 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 |
#528bac | #a5c2d3 | 1.99 |
#528bac | #6c7f8c | 1.11 |
#a5c2d3 | #b4c4cc | 1.04 |
#26404f | #35505e | 1.27 |
Tavolozza immagini Web ui interface design colours png
Esporta tavolozza
Scarica la "Web ui interface design colours" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: