Mélangeur de Couleurs : Mixer deux couleurs avec dégradé | Gratuit

A Pas du tout. Ouvrez l'outil et choisissez vos couleurs directement. Tout tourne dans votre navigateur, rien n'est stocké sur nos serveurs. Hier, j'ai généré un dégradé en 12 étapes du bleu marine au doré pâle, puis copié les codes HEX dans mon CSS. Zéro inscription, zéro publicité.

A Les deux. Plus d'étapes donnent des transitions plus douces mais chaque couleur intermédiaire change subtilement. Essayez 5 étapes pour des teintes franches et distinctes, 20 pour un dégradé quasi continu. Je prends 8 à 10 étapes pour les sections hero, puis je copie une couleur sur deux pour les éléments d'interface. Astuce : moins d'étapes conviennent mieux aux palettes de design plat.

A Je le souhaiterais aussi ! Pour l'instant, tu dois cliquer sur chaque échantillon pour copier son code HEX un par un. Pour un dégradé de 20 pas, ça fait 20 clics. Astuce : réduis le nombre d'étapes (5 par exemple), copie ces codes, puis régénère avec plus d'étapes pour un contrôle plus fin. Certains font une capture d'écran et utilisent une pipette, mais c'est moins précis.

A Cet outil mélange les couleurs dans l'espace RVB avec des codes HEX. C'est parfait pour les écrans, sites web et applications. Mais pour l'impression—brochures, cartes de visite, affiches—les nuances mélangées ne correspondront pas exactement au CMJN. J'ai appris ça à mes dépens quand un joli dégradé lavande est devenu boueux sur un flyer client. Mélangez vos couleurs ici, puis convertissez chaque code HEX en CMJN avec un convertisseur dédié. Mieux encore : travaillez directement en CMJN dès le départ.

A Le mélange se fait en RVB, pas en TSL. C'est pour ça que certains dégradés passent par une zone grisâtre au milieu, surtout entre des couleurs complémentaires comme le bleu et l'orange. Pour un étape centrale plus vive, choisissez manuellement une couleur intermédiaire et faites deux mélanges successifs. Je fais ça pour les dégradés de marque où la teinte du milieu sert de bouton d'appel à l'action. Ça prend 30 secondes de plus, mais le rendu final est nettement meilleur.

A Pas d'export intégré pour l'instant, mais une astuce simple fonctionne. Générez votre dégradé, puis copiez chaque code HEX dans une chaîne CSS linear-gradient() à la main. Pour 10 étapes, cela prend environ 60 secondes de copier-coller. Ou faites une capture d'écran et récupérez les couleurs dans Figma avec la pipette. J'exporte le dégradé en PNG, puis je découpe les échantillons pour les guides de style. Pour du SVG, convertissez chaque HEX en RGB et assignez-le à un offset de position.

A Non, et c'est un piège classique pour les designers. Comme l'outil travaille en RGB, le tracé ne suit pas la teinte mais une ligne droite dans le cube RVB. Mélanger du rouge pur avec du vert pur traverse donc une zone brun-jaune terne au lieu d'un jaune éclatant. Ma solution : choisir des couleurs avec une luminosité ou une saturation proche pour des résultats prévisibles. Ou ajoutez une couleur intermédiaire comme point de passage, puis mélangez en deux étapes. Vous obtenez une courbe maîtrisée, sans gris boueux au milieu.

A Évitez d'associer deux couleurs opposées sur la roue chromatique avec des luminosités très différentes. Bleu #0033CC et orange #FF8800 traversent une zone brun terne vers l'étape 6 d'un dégradé à 12 pas. Préférez des teintes de luminosité proche : sarcelle #008080 vers corail #FF7F50 donne un chemin plus propre. Pour un fort contraste, ajoutez une troisième couleur comme point de passage et blendz deux fois. 30 secondes de plus, et votre section héro reste éclatante.

A Oui, vous pouvez coller n'importe quel code HEX directement dans votre feuille de style. Le mode sombre demande des nuances subtiles, alors je règle souvent le compteur sur 10 étapes et je choisis la 3ème et la 7ème pour les fonds. Testez-les dans l'inspecteur du navigateur avant de valider le code.

A En principe oui, mais la répartition des étapes intermédiaires change selon la teinte initiale. Placer un jaune lumineux au début et un violet foncé à la fin modifie le poids visuel sur les 10 échantillons. J'ai testé cette inversion la semaine dernière et les tons clairs dominaient trop vite le milieu. Inverse tes entrées si ton dégradé paraît trop lourd d'un côté.