Créé à 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 palette se compose de Lumière, Sombre couleurs. Couleurs d'accent Element Ivory #fffdf7 et Layout Lavender #d3c3ff. La palette a une température de couleur Froid, Neutre, Chaud.
En luminosité, cette palette va de #1B1B1B (plus sombre) à #FFFDF7 (plus clair). L’écart de luminosité est large.
La saturation semble globalement vive (chromie élevée) — 67% des couleurs sont vives.
Certaines paires sont proches de positions complémentaires — effet possible de contraste (heuristique).
La température globale penche vers le froid (3 sur 6).
Codes HEX (triés) : #1B1B1B, #5A9CFF, #B6E3C7, #D3C3FF, #FF9076, #FFFDF7
La palette Webflow Interaction Toolkit a une combinaison de couleurs de codes 6:
HEX: #5a9cff, RVB: (90, 156, 255); HEX: #fffdf7, RVB: (255, 253, 247); HEX: #1b1b1b, RVB: (27, 27, 27)
HEX: #ff9076, RVB: (255, 144, 118); HEX: #b6e3c7, RVB: (182, 227, 199); HEX: #d3c3ff, RVB: (211, 195, 255)
Version simplifiée des couleurs de la palette
Ombre de cornflowerblue, Ombre de floralwhite, Ombre de Noir, Ombre de darksalmon, Nuance de paleturquoise, Ombre de thistle
Le jeu de couleurs a été créé par bad_colors
Codes couleurs dans la palette
Webflow Interaction Toolkit codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
|---|---|---|---|---|
| #5a9cff | #5a9cff | RVB(90, 156, 255) | Trigger Blue | — |
| #fffdf7 | #fffdf7 | RVB(255, 253, 247) | Element Ivory | — |
| #1b1b1b | #1b1b1b | RVB(27, 27, 27) | Z-Stack Black | Eerie Black |
| #ff9076 | #ff9076 | RVB(255, 144, 118) | Click Coral | — |
| #b6e3c7 | #b6e3c7 | RVB(182, 227, 199) | Smooth Scroll Sage | — |
| #d3c3ff | #d3c3ff | RVB(211, 195, 255) | Layout Lavender | — |
Contraste de la palette de couleurs
8 paires de couleurs ont un faible contraste et nécessitent des améliorations, ce qui peut affecter la lisibilité.
| Couleur du texte | Couleur de l'arrière plan | Rapport de contraste |
|---|---|---|
#5a9cff | #ff9076 | 1.24 |
#5a9cff | #b6e3c7 | 1.93 |
#5a9cff | #d3c3ff | 1.7 |
#fffdf7 | #b6e3c7 | 1.39 |
#fffdf7 | #d3c3ff | 1.58 |
#ff9076 | #b6e3c7 | 1.55 |
Palette d'images Webflow Interaction Toolkit png
Exporter la palette
Téléchargez la "Webflow Interaction Toolkit" dans plusieurs formats pour une intégration fluide dans vos projets de design.
Formats disponibles :