Creato a 05/29/2025 07:49
Zariel Trace
- Primary Sun Petal#fde047
- Secondary Soft Indigo#a5b4fc
- Accent Rosé Dust#fbcfe8
- Background Snowdrop#f8fafc
- Surface White#ffffff
- Text Cocoa Gray#4b5563
La tavolozza è composta da Leggero, Semi scuro colori. Colori accentati Primary Sun Petal #fde047 e Secondary Soft Indigo #a5b4fc. La tavolozza ha la temperatura del colore Caldo, Freddo, Neutro.
Per luminosità, la tavolozza va da #4B5563 (più scuro) a #FFFFFF (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).
Complessivamente la temperatura tende al freddo.
Codici HEX (ordinati): #4B5563, #A5B4FC, #F8FAFC, #FBCFE8, #FDE047, #FFFFFF
La tavolozza Zariel Trace ha una combinazione di colori dei codici 6:
ESADECIMALE: #fde047, RGB: (253, 224, 71); ESADECIMALE: #a5b4fc, RGB: (165, 180, 252); ESADECIMALE: #fbcfe8, RGB: (251, 207, 232)
ESADECIMALE: #f8fafc, RGB: (248, 250, 252); ESADECIMALE: #ffffff, RGB: (255, 255, 255); ESADECIMALE: #4b5563, RGB: (75, 85, 99)
Versione semplificata della tavolozza dei colori
Ombra di gold, Tonalità di lightsteelblue, Ombra di thistle, Ombra di whitesmoke, Bianco, Tonalità di dimgrey
La combinazione di colori è stata creata da colorscheme
Codici colori nella tavolozza
Zariel Trace codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
|---|---|---|---|---|
| #fde047 | #fde047 | RGB(253, 224, 71) | Primary Sun Petal | — |
| #a5b4fc | #a5b4fc | RGB(165, 180, 252) | Secondary Soft Indigo | — |
| #fbcfe8 | #fbcfe8 | RGB(251, 207, 232) | Accent Rosé Dust | — |
| #f8fafc | #f8fafc | RGB(248, 250, 252) | Background Snowdrop | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Surface White | White |
| #4b5563 | #4b5563 | RGB(75, 85, 99) | Text Cocoa Gray | — |
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 |
|---|---|---|
#fde047 | #a5b4fc | 1.51 |
#fde047 | #fbcfe8 | 1.04 |
#fde047 | #f8fafc | 1.25 |
#fde047 | #ffffff | 1.31 |
#a5b4fc | #fbcfe8 | 1.44 |
#a5b4fc | #f8fafc | 1.9 |
Tavolozza immagini Zariel Trace png
Esporta tavolozza
Scarica la "Zariel Trace" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: