Creato a 06/26/2025 08:18
Light Theme Prototyping Flow
- Panel Peach#ffe4c4
- Field Sky#bae6fd
- Contrast Slate#1f2937
- Text Mist#f1f5f9
- Click Gold#facc15
- Border Cream#fffbeb
La tavolozza è composta da Leggero, Buio colori. Colori accentati Field Sky #bae6fd e Border Cream #fffbeb. La tavolozza ha la temperatura del colore Caldo, Freddo, Neutro.
Per luminosità, la tavolozza va da #1F2937 (più scuro) a #F1F5F9 (più chiaro). L’intervallo di luminosità è ampio.
La saturazione complessiva risulta vivida (croma alto).
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): #1F2937, #BAE6FD, #F1F5F9, #FACC15, #FFE4C4, #FFFBEB
La tavolozza Light Theme Prototyping Flow ha una combinazione di colori dei codici 6:
ESADECIMALE: #ffe4c4, RGB: (255, 228, 196); ESADECIMALE: #bae6fd, RGB: (186, 230, 253); ESADECIMALE: #1f2937, RGB: (31, 41, 55)
ESADECIMALE: #f1f5f9, RGB: (241, 245, 249); ESADECIMALE: #facc15, RGB: (250, 204, 21); ESADECIMALE: #fffbeb, RGB: (255, 251, 235)
Versione semplificata della tavolozza dei colori
Ombra di lightblue, Ombra di Nero, Tonalità di aliceblue, Tonalità di gold, Ombra di oldlace
La combinazione di colori è stata creata da raccoon
Codici colori nella tavolozza
Light Theme Prototyping Flow codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #ffe4c4 | #ffe4c4 | RGB(255, 228, 196) | Panel Peach | Bisque |
| #bae6fd | #bae6fd | RGB(186, 230, 253) | Field Sky | — |
| #1f2937 | #1f2937 | RGB(31, 41, 55) | Contrast Slate | — |
| #f1f5f9 | #f1f5f9 | RGB(241, 245, 249) | Text Mist | — |
| #facc15 | #facc15 | RGB(250, 204, 21) | Click Gold | — |
| #fffbeb | #fffbeb | RGB(255, 251, 235) | Border Cream | — |
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 |
#ffe4c4 | #bae6fd | 1.08 |
#ffe4c4 | #f1f5f9 | 1.11 |
#ffe4c4 | #facc15 | 1.25 |
#ffe4c4 | #fffbeb | 1.18 |
#bae6fd | #f1f5f9 | 1.21 |
#bae6fd | #facc15 | 1.15 |
Tavolozza immagini Light Theme Prototyping Flow png
Esporta tavolozza
Scarica la "Light Theme Prototyping Flow" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: