Creato a 07/04/2025 10:08
Webflow Interaction Toolkit
- Trigger Blue#5a9cff
- Element Ivory#fffdf7
- Z-Stack Black#1b1b1b
- Click Coral#ff9076
- Smooth Scroll Sage#b6e3c7
- Layout Lavender#d3c3ff
La tavolozza è composta da Leggero, Buio colori. Colori accentati Element Ivory #fffdf7 e Layout Lavender #d3c3ff. La tavolozza ha la temperatura del colore Freddo, Neutro, Caldo.
Per luminosità, la tavolozza va da #1B1B1B (più scuro) a #FFFDF7 (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).
Complessivamente la temperatura tende al freddo.
Codici HEX (ordinati): #1B1B1B, #5A9CFF, #B6E3C7, #D3C3FF, #FF9076, #FFFDF7
La tavolozza Webflow Interaction Toolkit ha una combinazione di colori dei codici 6:
ESADECIMALE: #5a9cff, RGB: (90, 156, 255); ESADECIMALE: #fffdf7, RGB: (255, 253, 247); ESADECIMALE: #1b1b1b, RGB: (27, 27, 27)
ESADECIMALE: #ff9076, RGB: (255, 144, 118); ESADECIMALE: #b6e3c7, RGB: (182, 227, 199); ESADECIMALE: #d3c3ff, RGB: (211, 195, 255)
Versione semplificata della tavolozza dei colori
Ombra di cornflowerblue, Ombra di floralwhite, Ombra di Nero, Ombra di darksalmon, Tonalità di paleturquoise, Ombra di thistle
La combinazione di colori è stata creata da bad_colors
Codici colori nella tavolozza
Webflow Interaction Toolkit codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
|---|---|---|---|---|
| #5a9cff | #5a9cff | RGB(90, 156, 255) | Trigger Blue | — |
| #fffdf7 | #fffdf7 | RGB(255, 253, 247) | Element Ivory | — |
| #1b1b1b | #1b1b1b | RGB(27, 27, 27) | Z-Stack Black | Eerie Black |
| #ff9076 | #ff9076 | RGB(255, 144, 118) | Click Coral | — |
| #b6e3c7 | #b6e3c7 | RGB(182, 227, 199) | Smooth Scroll Sage | — |
| #d3c3ff | #d3c3ff | RGB(211, 195, 255) | Layout Lavender | — |
Contrasto della palette di colori
8 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 |
|---|---|---|
#5a9cff | #ff9076 | 1.24 |
#5a9cff | #b6e3c7 | 1.93 |
#5a9cff | #d3c3ff | 1.7 |
#fffdf7 | #b6e3c7 | 1.39 |
#fffdf7 | #d3c3ff | 1.58 |
#ff9076 | #b6e3c7 | 1.55 |
Tavolozza immagini Webflow Interaction Toolkit png
Esporta tavolozza
Scarica la "Webflow Interaction Toolkit" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: