Mélangeur de Couleurs

À propos de cet outil

Le Mélangeur de Couleurs fusionne deux couleurs hexadécimales dans l'espace RGB, produisant un mélange fluide à n'importe quel ratio entre 0% et 100%. L'échelle de dégradé affiche 7 étapes régulières entre les deux couleurs.

Le mélange RGB est la même opération qu'un navigateur effectue lors de la composition des couleurs — mathématiquement exact et prévisible. La couleur mélangée à 50% est le vrai point médian entre les deux couleurs dans l'espace RGB.

Comment utiliser

1. Choisissez deux couleurs avec les sélecteurs ou saisissez des codes hex directement.
2. Utilisez les boutons de préréglage pour essayer des combinaisons de couleurs classiques.
3. Faites glisser le curseur de ratio pour ajuster le mélange. 0% donne la Couleur 1 ; 100% donne la Couleur 2.
4. Cliquez sur n'importe quel échantillon de dégradé ou sur le bouton Copier HEX pour copier une couleur.

Cas d'utilisation

Les designers UI mélangent la couleur principale d'une marque avec du blanc ou du noir pour les états hover, actif et désactivé. Les designers motion choisissent des couleurs intermédiaires pour les animations d'images clés. Les développeurs frontend génèrent des arrêts de dégradé sans éditeur graphique.

Questions fréquentes

• Est-ce identique au dégradé CSS ? — Oui. CSS linear-gradient fusionne également en sRGB par défaut. Les étapes affichées correspondent exactement aux points intermédiaires d'un dégradé CSS.
• Pourquoi le mélange rouge + bleu ne donne-t-il pas du violet ? — En RGB, rouge (#ff0000) et bleu (#0000ff) à 50% donne #7f007f (magenta foncé). Un violet vif nécessite de mélanger rouge avec un bleu-violet comme #8000ff.
• Puis-je obtenir plus d'étapes de dégradé ? — L'échelle affiche toujours 7 étapes. Utilisez le curseur de ratio pour inspecter n'importe quel point intermédiaire spécifique.
• Prend-il en charge l'alpha/la transparence ? — Non, cet outil fonctionne uniquement avec des couleurs hex opaques.