UTILS.
100 % dans le navigateur

Mélangeur de couleurs

Mélangez deux couleurs selon un ratio ajustable et obtenez la valeur HEX résultante.

Faites glisser le curseur, puis cliquez sur le résultat pour le copier.

À propos de cet outil

Le mélangeur de couleurs est un outil gratuit qui s'exécute dans le navigateur et fond deux couleurs selon un ratio ajustable pour renvoyer le code hex résultant. Choisissez une couleur de départ et une couleur d'arrivée avec les sélecteurs de couleur natifs, puis faites glisser le curseur de ratio de 0 à 100 pour cent afin de définir jusqu'où le mélange progresse de la première couleur vers la seconde.

Le mélange est calculé en interpolant chaque canal RVB linéairement : à 0 %, le résultat est égal à la première couleur, à 100 % à la seconde, et 50 % correspond au point milieu exact. Les valeurs sont calculées en sRGB 8 bits, arrondies à des niveaux de canal entiers, et affichées en direct sous forme d'un grand échantillon d'aperçu et d'une chaîne hex copiable, à mesure que vous déplacez le curseur ou changez l'une des couleurs.

Tout s'exécute sur votre appareil — aucun téléversement, aucun compte, aucun suivi — et cela fonctionne hors ligne une fois la page chargée. Utilisez-le pour trouver une teinte intermédiaire entre deux couleurs de marque, générer une étape intermédiaire d'un dégradé, ou prévisualiser ce que produisent deux couleurs combinées.

Foire aux questions

Comment le mélange est-il calculé ?
Chacun des canaux rouge, vert et bleu est interpolé linéairement entre les deux couleurs, pondéré par la position du curseur, puis arrondi au niveau 8 bits le plus proche. À 0 %, vous obtenez la première couleur et à 100 % la seconde.
Comment copier le résultat ?
Cliquez sur la valeur hex résultante et elle est copiée dans votre presse-papiers.
Que signifient les pourcentages du curseur ?
Le curseur définit le ratio de mélange de 0 à 100 par pas d'un pour cent entier. 0 % n'affiche que la première couleur, 100 % que la seconde, et 50 % un mélange à parts égales ; le nombre indique jusqu'où le résultat se déplace vers la seconde couleur.
Prend-il en charge la transparence ou d'autres formats de couleur ?
Non. Les sélecteurs utilisent l'entrée de couleur native, de sorte que les deux couleurs sont des hex sRGB opaques à 6 chiffres sans canal alpha, et le mélange se fait en sRGB à codage gamma plutôt qu'en espace linéaire.

Plus d'outils