Mélangeur de couleurs

Mélangez deux couleurs et obtenez le mélange exact

Choisissez deux couleurs, déplacez le curseur pour définir la part de chacune dans le mélange et lisez instantanément le code hex obtenu. Le curseur va de 0% (toute la couleur A) à 100% (toute la couleur B) ; le milieu donne un mélange équilibré 50/50. Le grand échantillon se met à jour en direct pendant que vous ajustez, et le bouton Copier place la valeur hex dans le presse-papiers pour la coller directement dans votre CSS, votre outil de design ou votre palette.

Le mélange est calculé par une simple interpolation linéaire canal par canal dans l’espace RGB : chacun des canaux rouge, vert et bleu est moyenné selon la proportion choisie puis arrondi à l’entier le plus proche. C’est la même opération que la plupart des logiciels de design utilisent pour un mélange basique de deux couleurs. Tout se passe localement dans votre navigateur — aucune couleur ni valeur n’est jamais envoyée.

FAQ

À quoi sert le curseur de proportion ? Il définit la part de la couleur B mélangée à la couleur A. À 0% vous obtenez exactement la couleur A, à 100% la couleur B et à 50% un mélange égal des deux.

Comment les couleurs sont-elles mélangées ? Chaque canal RGB est interpolé linéairement entre les deux couleurs selon la proportion choisie puis arrondi ; le résultat est donc une moyenne pondérée par le curseur.

Pourquoi mélanger rouge et bleu donne-t-il du violet et non du brun ? Cet outil mélange la lumière (RGB additif), comme les écrans, donc rouge et bleu donnent du violet. Le mélange physique de peinture est soustractif et se comporte différemment.