Mélangeur de couleurs Mélangez deux couleurs avec un rapport ajustable et voyez le dégradé complet.

🎨

Mélangeur de couleurs

Mélangez deux couleurs avec un rapport ajustable et voyez le dégradé complet.

Sélectionnez deux couleurs

Choisissez les deux couleurs que vous souhaitez mélanger.

Ajustez le rapport

Utilisez le curseur pour contrôler la proportion de mélange (0-100%).

Copiez le résultat

Copiez la couleur HEX mélangée.

Loading tool...

What Is Mélangeur de couleurs?

Un mélangeur de couleurs combine deux couleurs à n'importe quel rapport, vous montrant la couleur résultante exacte ainsi qu'une graduation à 11 étapes de l'étendue complète du mélange. L'interpolation linéaire RVB produit la couleur mélangée, ce qui imite l'effet de mélanger des peintures ou de créer des transitions de couleurs CSS. Le curseur de rapport vous permet de passer en douceur de 100 % de la première couleur à 100 % de la deuxième. L'outil affiche à la fois le résultat mélangé dans une grande prévisualisation et la bande de graduation complète pour le contexte. Le mélange de couleurs est essentiel pour créer des couleurs intermédiaires pour les dégradés, trouver des couleurs de milieu pour les systèmes de conception, générer des couleurs de transition pour les animations et comprendre comment deux couleurs de marque interagissent lorsqu'elles sont superposées.

Why Use Mélangeur de couleurs?

Curseur de rapport fluide de 0% à 100% pour un mélange précis
Aperçu large du résultat mélangé
Gradient en 11 étapes montrant la plage complète de mélange
Sorties HEX et RGB avec boutons de copie
Voyez instantanément comment deux couleurs se combinent

Common Use Cases

Trouver les points médians

Trouvez la couleur exacte du point médian entre deux couleurs de marque pour des transitions fluides.

Conception de gradient

Prévisualisez comment deux couleurs se mélangent dans un gradient avant de les implémenter en CSS.

Transitions de couleur

Générez des couleurs intermédiaires pour les étapes d'animation entre deux états de couleur.

Expansion de palette

Créez de nouvelles couleurs en mélangeant des couleurs existantes dans la palette à différents rapports.

Technical Guide

Le mélangeur effectue une interpolation linéaire (lerp) dans l'espace de couleur RVB : résultat = couleur1 × (1 - t) + couleur2 × t, où t est le rapport de mélange de 0 à 1. Chaque canal (R, V, B) est interpolé indépendamment. Il s'agit de la méthode de mélange la plus simple et correspond à la façon dont les transitions CSS interpolent entre les couleurs. Des méthodes de mélange plus sophistiquées existent (espace Lab perceptuel, oklab), mais l'interpolation linéaire RVB est la plus largement utilisée et cohérente avec le rendu du navigateur. La graduation à 11 étapes visualise l'étendue complète d'interpolation à des intervalles de 10 %. Notez que l'interpolation linéaire RVB peut produire des points médians légèrement désaturés - par exemple, mélanger le rouge pur et le vert pur produit un brun jaunâtre terne à 50 %, et non un jaune vif. En effet, l'interpolation RVB ne suit pas la roue des couleurs.

Tips & Best Practices

1
Un mélange à 50% donne le point médian visuel exact entre deux couleurs
2
Essayez de mélanger des couleurs complémentaires - le point médian est souvent un gris neutre intéressant
3
Utilisez la bande de gradient pour trouver le rapport où le mélange a l'air le meilleur, pas seulement 50%
4
Mélanger avec du blanc (teinte) ou du noir (ombrage) à différents rapports crée des échelles fluides
5
Le mélange RGB peut produire des points médians assourdis - c'est un comportement attendu pour le mélange additif

Related Tools

Sélecteur de couleurs

Sélecteur de couleurs interactif avec sorties HEX, RGB, HSL et CMYK.

🎨 Color Tools

Générateur de palettes monochromes

Générer une palette de couleurs monochromes à partir d'une couleur de base.

🎨 Color Tools

Générateur de dégradés linéaires

Créez des dégradés linéaires CSS avec des couleurs personnalisées, un angle et des arrêts de couleur.

🎨 Color Tools

Générateur de nuances de couleur

Générer des nuances plus foncées de n'importe quelle couleur avec un nombre d'étapes ajustable.

🎨 Color Tools

Générateur de teintes de couleur

Générer des teintes plus claires de n'importe quelle couleur avec un nombre d'étapes ajustable.

🎨 Color Tools

Frequently Asked Questions

Q Comment est calculé le mélange de couleurs ?

Les couleurs sont mélangées en utilisant l'interpolation linéaire dans l'espace RGB. Chaque canal (R, G, B) est mélangé indépendamment : résultat = canal1 × (1-ratio) + canal2 × ratio.

Q Pourquoi mélanger le rouge et le vert donne-t-il du brun au lieu de jaune ?

Dans l'interpolation linéaire RGB, la trajectoire passe par des valeurs intermédiaires assourdies. Le véritable jaune se trouve à une autre position dans l'espace colorimétrique. Pour un mélange conscient du cercle chromatique, utilisez l'interpolation HSL.

Q S'agit-il d'un mélange additif ou soustractif ?

Il s'agit d'un mélange additif (basé sur la lumière) dans l'espace RGB, correspondant à la façon dont les écrans affichent les couleurs. Un mélange soustractif de type peinture produirait des résultats différents (par exemple, bleu + jaune = vert en peinture, gris en RGB).

About This Tool

Mélangeur de couleurs is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.