Creato a 06/14/2025 19:48
Web Onboarding Component Flow
- Step Mint#a0f0c0
- Progress Indigo#7f9cf5
- CTA Peach#ffe5b4
- Instruction Grey#e2e8f0
- Confirm Navy#334155
- Overlay Soft White#f9fafb
La tavolozza è composta da Leggero colori. Colori accentati Progress Indigo #7f9cf5 e CTA Peach #ffe5b4. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.
Per luminosità, la tavolozza va da #334155 (più scuro) a #F9FAFB (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): #334155, #7F9CF5, #A0F0C0, #E2E8F0, #F9FAFB, #FFE5B4
La tavolozza Web Onboarding Component Flow ha una combinazione di colori dei codici 6:
ESADECIMALE: #a0f0c0, RGB: (160, 240, 192); ESADECIMALE: #7f9cf5, RGB: (127, 156, 245); ESADECIMALE: #ffe5b4, RGB: (255, 229, 180)
ESADECIMALE: #e2e8f0, RGB: (226, 232, 240); ESADECIMALE: #334155, RGB: (51, 65, 85); ESADECIMALE: #f9fafb, RGB: (249, 250, 251)
Versione semplificata della tavolozza dei colori
Tonalità di aquamarine, Ombra di cornflowerblue, Ombra di moccasin, Tonalità di aliceblue, Tonalità di darkslateblue, Ombra di whitesmoke
La combinazione di colori è stata creata da colourlock
Codici colori nella tavolozza
Web Onboarding Component Flow codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #a0f0c0 | #a0f0c0 | RGB(160, 240, 192) | Step Mint | — |
| #7f9cf5 | #7f9cf5 | RGB(127, 156, 245) | Progress Indigo | — |
| #ffe5b4 | #ffe5b4 | RGB(255, 229, 180) | CTA Peach | Mouse Nose |
| #e2e8f0 | #e2e8f0 | RGB(226, 232, 240) | Instruction Grey | — |
| #334155 | #334155 | RGB(51, 65, 85) | Confirm Navy | — |
| #f9fafb | #f9fafb | RGB(249, 250, 251) | Overlay Soft White | — |
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 |
#a0f0c0 | #7f9cf5 | 1.97 |
#a0f0c0 | #ffe5b4 | 1.08 |
#a0f0c0 | #e2e8f0 | 1.08 |
#a0f0c0 | #f9fafb | 1.27 |
#ffe5b4 | #e2e8f0 | 1 |
#ffe5b4 | #f9fafb | 1.17 |
Tavolozza immagini Web Onboarding Component Flow png
Esporta tavolozza
Scarica la "Web Onboarding Component Flow" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: