Calculateur de mélange de couleurs

Déplacez le curseur pour interpoler entre deux couleurs numériques.

Calculateur de mélange de couleurs

Un résultat côté navigateur pour la planification et la référence.

Couleur ACouleur B Rapport de mélange

CSS / HEX

GUIDE

Ce qu'il faut vérifier avant de l'utiliser

Quand cet outil est utile

Utilisez cet outil pour trouver une couleur d’interface intermédiaire ou créer une étape de transition entre deux états. Choisissez les couleurs A et B, puis déplacez le curseur pour définir la part de B dans le résultat.

Comment le résultat est généré

L’outil interpole linéairement chaque canal sRGB de 0 à 255 et renvoie la valeur RGB résultante au format HEX. Il s’agit d’un mélange de couleurs d’écran numérique, et non d’un mélange de pigments ni d’un modèle de composition avec correction gamma.

Exemple pratique et interprétation

Mélangez #3366FF et #FF6655 à 50 % pour obtenir le point médian de leurs trois canaux. Collez le HEX obtenu dans un état de survol, puis effectuez une vérification de contraste séparée sur le vrai fond.

Portée et limites

Une application de design peut produire un point médian différent lorsqu’elle utilise un autre espace couleur ou mode de fusion. Ne considérez pas ce résultat comme une formule CMYK, de couleur directe, d’opacité ou de peinture physique.

Questions fréquentes

Comment déplacer une couleur du calculateur de mélange de couleurs vers une autre application ?

Utilisez le bouton Copier sous le résultat pour copier le texte CSS, HEX ou HSL. Vérifiez que l’application cible interprète le même format de couleur.

Une couleur d’écran du calculateur de mélange de couleurs correspondra-t-elle à l’impression ?

Pas automatiquement. Les écrans RGB émissifs, ainsi que le papier et l’encre réfléchissants, utilisent des gamuts et des modèles de mélange différents, donc les profils d’impression et les épreuves restent nécessaires.

Puis-je approuver un design token uniquement avec le calculateur de mélange de couleurs ?

Utilisez-le comme candidat, puis testez le vrai fond, le mode sombre, les états d’interaction et le contraste du texte avant de nommer et d’approuver un token.