Mélangez 2 ou 3 couleurs dans les proportions voulues, comme de la peinture ou de la lumière, ou créez un dégradé en 10 étapes. Copiez HEX, RGB, HSL ou CMYK.

Couleur 1
Quantité
Couleur 2
Quantité
Couleur 3
Quantité
Modèle de mélange
Mélange comme de la vraie peinture ou des pigments : le bleu et le jaune donnent du vert, et les couleurs foncées assombrissent le mélange. Mélange comme de la lumière colorée sur un écran, en moyenne de lumière linéaire : le rouge et le vert donnent du jaune. Fait la moyenne des couleurs dans l'espace OKLab, comme color-mix() en CSS : des résultats doux et réguliers pour l'interface et le design.
Recette
Couleur obtenue

Choisissez 2 ou 3 couleurs et la quantité de chacune : la couleur obtenue est calculée instantanément dans votre navigateur. Cliquez sur le résultat ou sur une valeur pour la copier.

Couleur de départ
Couleur d'arrivée
Étapes
Nombre de nuances intermédiaires à générer (1–10).
Mode de fusion
Dégradé
Palette mélangée

Choisissez deux couleurs et un nombre d'étapes, chaque nuance intermédiaire est calculée instantanément dans votre navigateur.


À propos de Mélanger des couleurs

Le Mélangeur de couleurs vous montre la couleur obtenue en mélangeant deux ou trois couleurs. Choisissez vos couleurs, réglez la quantité de chacune, et la couleur obtenue s'affiche instantanément avec ses valeurs HEX, RGB, HSL et CMYK, accompagnée d'une barre de recette qui montre la part de chaque couleur.

Trois modèles de mélange répondent à des besoins différents. Peinture mélange comme de vrais pigments : le bleu et le jaune donnent du vert, et un peu de noir suffit à assombrir. Lumière fait la moyenne des couleurs comme le font les écrans et les lumières colorées : le rouge et le vert donnent du jaune. Perceptuel fait la moyenne dans l'espace OKLab utilisé par color-mix() en CSS, pour des résultats doux et réguliers en interface et en design.

Une seconde vue, Dégradé par étapes, fond une couleur de départ vers une couleur d'arrivée sur jusqu'à dix nuances intermédiaires, en RGB ou en HSL, avec un aperçu du dégradé et un dégradé CSS prêt à coller. Tout fonctionne dans votre navigateur, sans aucun serveur.

Comment utiliser Mélanger des couleurs

  1. Ouvrez la vue « Mélanger » et choisissez deux couleurs, ou ajoutez-en une troisième avec « Ajouter une couleur ».
  2. Réglez la quantité de chaque couleur : le pourcentage affiché à côté indique sa part dans le mélange.
  3. Choisissez le modèle de mélange : Peinture, Lumière ou Perceptuel.
  4. Cliquez sur la couleur obtenue ou sur l'une de ses valeurs pour la copier, ou utilisez « Copier la recette » pour garder les proportions.
  5. Passez à « Dégradé par étapes » pour créer un dégradé de jusqu'à 10 nuances entre deux couleurs.

Questions fréquentes

Oui. Mélanger des couleurs est gratuit et illimité : l'outil s'exécute entièrement dans votre navigateur, sans compte, crédits ni traitement serveur.

Avec le modèle Peinture, le bleu et le jaune donnent du vert, comme avec de la vraie peinture. Avec le modèle Lumière, ils donnent un gris clair, car un écran mélange leur lumière et non leurs pigments. Essayez n'importe quelle paire dans la vue « Mélanger » pour comparer les modèles.

Peinture simule des pigments qui absorbent la lumière : les mélanges s'assombrissent et le bleu plus le jaune donne du vert. Lumière fait la moyenne des couleurs en lumière linéaire, comme se mélangent des pixels ou des lampes colorées. Perceptuel fait la moyenne dans l'espace OKLab, ce qui donne des résultats équilibrés et correspond à color-mix() en CSS.

Oui. Ajoutez une troisième couleur, puis réglez chaque quantité de 1 à 100. Les quantités sont relatives : 2, 1 et 1 donnent un mélange à 50 %, 25 % et 25 %. La barre de recette et les pourcentages indiquent la part exacte de chaque couleur.

C'est une simulation fidèle, fondée sur la façon dont les pigments absorbent et diffusent la lumière, mais les vraies peintures varient selon la marque, le pigment et le liant. Servez-vous-en pour prévoir la teinte et tester des proportions, puis confirmez avec un petit essai.

Dans la vue « Dégradé par étapes », le mélange RGB interpole directement les canaux rouge, vert et bleu, ce qui peut passer par le gris en mélangeant des teintes opposées. Le mélange HSL tourne plutôt autour de la roue chromatique, si bien que les étapes intermédiaires conservent leur saturation et paraissent plus colorées.

Mélangez les deux couleurs en quantités égales dans la vue « Mélanger » : Lumière donne leur moyenne physique et Perceptuel leur milieu visuel. Dans la vue « Dégradé par étapes », une seule étape donne le milieu du mélange RGB ou HSL.


Recherches populaires
mélangeur de couleurs mélanger des couleurs en ligne quelle couleur donne le mélange mélange de peinture mélanger trois couleurs calculateur de mélange de couleurs mélanger deux couleurs étapes de mélange de couleur dégradé entre couleurs outil de mélange de couleurs
Besoin d'aide ?
Un problème avec cet outil ? Signalez-le à notre équipe.
Signaler un problème

Ajoutez cet outil gratuit à votre propre site web : copiez-collez le code ci-dessous.