Creato a 02/24/2023 20:23
Character web design hero illustration palette
- Bitter Lemon#caeb04
- Atomic Tangerine#f19663
- Zaffre#050fbc
- Liberty#5f5ab3
- Gainsboro#d6d6e2
- Rifle Green#3e4d31
La tavolozza è composta da Leggero, Buio, Semi scuro colori. Colori accentati Bitter Lemon #caeb04 e Zaffre #050fbc. La tavolozza ha la temperatura del colore Caldo, Freddo.
Per luminosità, la tavolozza va da #3E4D31 (più scuro) a #D6D6E2 (più chiaro). L’intervallo di luminosità è ampio.
Saturazione mista — alcuni campioni smorzati e accenti più vivaci.
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): #050FBC, #3E4D31, #5F5AB3, #CAEB04, #D6D6E2, #F19663
La tavolozza Character web design hero illustration palette ha una combinazione di colori dei codici 6:
ESADECIMALE: #caeb04, RGB: (202, 235, 4); ESADECIMALE: #f19663, RGB: (241, 150, 99); ESADECIMALE: #050fbc, RGB: (5, 15, 188)
ESADECIMALE: #5f5ab3, RGB: (95, 90, 179); ESADECIMALE: #d6d6e2, RGB: (214, 214, 226); ESADECIMALE: #3e4d31, RGB: (62, 77, 49)
Versione semplificata della tavolozza dei colori
Tonalità di greenyellow, Tonalità di lightsalmon, Ombra di mediumblue, Tonalità di slateblue, Tonalità di lavender, Tonalità di darkolivegreen
La combinazione di colori è stata creata da colorslib
Codici colori nella tavolozza
Character web design hero illustration palette codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #caeb04 | #caeb04 | RGB(202, 235, 4) | Bitter Lemon | — |
| #f19663 | #f19663 | RGB(241, 150, 99) | Atomic Tangerine | — |
| #050fbc | #050fbc | RGB(5, 15, 188) | Zaffre | — |
| #5f5ab3 | #5f5ab3 | RGB(95, 90, 179) | Liberty | — |
| #d6d6e2 | #d6d6e2 | RGB(214, 214, 226) | Gainsboro | — |
| #3e4d31 | #3e4d31 | RGB(62, 77, 49) | Rifle Green | — |
Contrasto della palette di colori
6 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 |
#caeb04 | #f19663 | 1.65 |
#caeb04 | #d6d6e2 | 1.05 |
#f19663 | #d6d6e2 | 1.57 |
#050fbc | #5f5ab3 | 1.99 |
#050fbc | #3e4d31 | 1.28 |
#5f5ab3 | #3e4d31 | 1.55 |
Tavolozza immagini Character web design hero illustration palette png
Esporta tavolozza
Scarica la "Character web design hero illustration palette" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: