Creato a 06/12/2023 17:34
Web ui design websites colors
- Feather Star#50a0f0
- Cornflower Blue#64a0f0
- #78b4f0
- White#ffffff
- Almond#f0dcc8
- Light Sky Blue#8cc8ff
La tavolozza è composta da Leggero colori. Colori accentati Almond #f0dcc8 e Light Sky Blue #8cc8ff. La tavolozza ha la temperatura del colore Freddo, Neutro.
Per luminosità, la tavolozza va da #50A0F0 (più scuro) a #FFFFFF (più chiaro). L’intervallo di luminosità è moderato.
La saturazione complessiva risulta vivida (croma alto).
Alcune coppie di tonalità sono vicine a posizioni complementari — si può leggere come contrasto complementare (euristica).
Complessivamente la temperatura tende al freddo.
Codici HEX (ordinati): #50A0F0, #64A0F0, #78B4F0, #8CC8FF, #F0DCC8, #FFFFFF
La tavolozza Web ui design websites colors ha una combinazione di colori dei codici 6:
ESADECIMALE: #50a0f0, RGB: (80, 160, 240); ESADECIMALE: #64a0f0, RGB: (100, 160, 240); ESADECIMALE: #78b4f0, RGB: (120, 180, 240)
ESADECIMALE: #ffffff, RGB: (255, 255, 255); ESADECIMALE: #f0dcc8, RGB: (240, 220, 200); ESADECIMALE: #8cc8ff, RGB: (140, 200, 255)
Versione semplificata della tavolozza dei colori
Ombra di dodgerblue, Ombra di cornflowerblue, Tonalità di lightskyblue, Bianco, Tonalità di antiquewhite, Tonalità di lightskyblue
La combinazione di colori è stata creata da colorstudio
Codici colori nella tavolozza
Web ui design websites colors codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #50a0f0 | #50a0f0 | RGB(80, 160, 240) | Feather Star | — |
| #64a0f0 | #64a0f0 | RGB(100, 160, 240) | Cornflower Blue | — |
| #78b4f0 | #78b4f0 | RGB(120, 180, 240) | — | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | White | — |
| #f0dcc8 | #f0dcc8 | RGB(240, 220, 200) | Almond | — |
| #8cc8ff | #8cc8ff | RGB(140, 200, 255) | Light Sky Blue | — |
Contrasto della palette di colori
10 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 |
#50a0f0 | #64a0f0 | 1.02 |
#50a0f0 | #78b4f0 | 1.25 |
#50a0f0 | #8cc8ff | 1.54 |
#64a0f0 | #78b4f0 | 1.22 |
#64a0f0 | #8cc8ff | 1.5 |
#78b4f0 | #f0dcc8 | 1.64 |
Tavolozza immagini Web ui design websites colors png
Esporta tavolozza
Scarica la "Web ui design websites colors" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: