Loading...
Creato a 08/23/2022 17:32
Simple web website design ui hex colors
- Button Blue#1ea4ef
- Blizzard Blue#aae4f6
- Puce Red#6c2c34
- Redwood#9e5b55
- Pastel Blue#aac0d0
- Garnet#653834
La tavolozza è composta da Leggero colori. Colori accentati Button Blue #1ea4ef e Puce Red #6c2c34. La tavolozza ha la temperatura del colore Freddo, Caldo.
Per luminosità, la tavolozza va da #6C2C34 (più scuro) a #AAE4F6 (più chiaro). L’intervallo di luminosità è moderato.
La saturazione è in una fascia media.
Alcune coppie di tonalità sono vicine a posizioni complementari — si può leggere come contrasto complementare (euristica).
Note calde e fredde sono abbastanza bilanciate.
Codici HEX (ordinati): #1EA4EF, #653834, #6C2C34, #9E5B55, #AAC0D0, #AAE4F6
La tavolozza Simple web website design ui hex colors ha una combinazione di colori dei codici 6:
ESADECIMALE: #1ea4ef, RGB: (30, 164, 239); ESADECIMALE: #aae4f6, RGB: (170, 228, 246); ESADECIMALE: #6c2c34, RGB: (108, 44, 52)
ESADECIMALE: #9e5b55, RGB: (158, 91, 85); ESADECIMALE: #aac0d0, RGB: (170, 192, 208); ESADECIMALE: #653834, RGB: (101, 56, 52)
Versione semplificata della tavolozza dei colori
Ombra di dodgerblue, Ombra di lightblue, Ombra di Marrone, Tonalità di indianred, Tonalità di lightsteelblue, Ombra di Marrone
La combinazione di colori è stata creata da colorswall
Codici colori nella tavolozza
Simple web website design ui hex colors codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #1ea4ef | #1ea4ef | RGB(30, 164, 239) | Button Blue | — |
| #aae4f6 | #aae4f6 | RGB(170, 228, 246) | Blizzard Blue | — |
| #6c2c34 | #6c2c34 | RGB(108, 44, 52) | Puce Red | — |
| #9e5b55 | #9e5b55 | RGB(158, 91, 85) | Redwood | — |
| #aac0d0 | #aac0d0 | RGB(170, 192, 208) | Pastel Blue | — |
| #653834 | #653834 | RGB(101, 56, 52) | Garnet | — |
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 |
#1ea4ef | #aae4f6 | 1.98 |
#1ea4ef | #9e5b55 | 1.86 |
#1ea4ef | #aac0d0 | 1.46 |
#aae4f6 | #aac0d0 | 1.35 |
#6c2c34 | #9e5b55 | 1.99 |
#6c2c34 | #653834 | 1.05 |
Tavolozza immagini Simple web website design ui hex colors png
Esporta tavolozza
Scarica la "Simple web website design ui hex colors" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: