Mélangeur de couleurs
NouveauMélangez deux couleurs à n’importe quel ratio et copiez le résultat ou n’importe quelle étape.
Click a swatch to copy its hex.
Mix colors from an image
Upload an image, choose a target color above, then click the image to sample that pixel. Images are decoded in your browser and never uploaded.
Paint (subtractive) results are realistic approximations of pigment mixing, not exact recipes — real paints and inks vary by brand and opacity.
Runs entirely in your browser. Nothing is uploaded.
Un mélangeur de couleurs en ligne gratuit pour la peinture ou la lumière
Ce mélangeur de couleurs combine deux couleurs — ou plus — en une nouvelle et affiche le dégradé complet des étapes entre elles. Choisissez les couleurs avec les échantillons, saisissez un code hex ou extrayez-les directement depuis une image importée ; lisez ensuite le résultat mélangé en HEX, RGB, HSL et CMYK. Tout fonctionne dans votre navigateur, c'est instantané et rien de ce que vous chargez n'est jamais envoyé nulle part.
Là où la plupart des outils ne font qu'un simple mélange linéaire, celui-ci vous permet de mélanger deux couleurs en ligne de trois manières différentes et affiche la différence au fur et à mesure — pour obtenir le résultat qu'attend un peintre, celui que produit un écran, ou un point médian mathématique pur pour les dégradés et les systèmes de design.
Soustractif, additif ou mélange simple — trois modèles de mélange
Le mélange soustractif modélise la peinture et le pigment : les couleurs absorbent (soustraient) la lumière, donc bleu + jaune = vert, rouge + jaune = orange et rouge + bleu = violet — les résultats intuitifs de 'quelles deux couleurs font X' qui correspondent aux peintures physiques, aux encres et à l'impression CMYK. Le mélange additif modélise la lumière : le rouge, le vert et le bleu s'additionnent, donc rouge + vert = jaune et les trois ensemble font blanc — comme fonctionnent les écrans, les projecteurs et les éclairages de scène.
Le troisième mode, Mélange, est une interpolation linéaire directe qui calcule la moyenne des canaux RGB pour trouver le point médian numérique exact — idéal pour les dégradés, les teintes d'interface et la génération de tokens de design. Un seul bouton bascule entre les trois, et la bande de mélange se redessine immédiatement pour que vous puissiez voir un mélange de peinture bleu-vers-jaune passer par un vert réaliste au milieu soustractif.
Quelles deux couleurs font le vert, l'orange, le violet et le marron ?
La table de mélange de couleurs intégrée répond aux questions de pigments les plus recherchées en un seul toucher : vert à partir de bleu + jaune, orange à partir de rouge + jaune, violet à partir de rouge + bleu, bleu sarcelle à partir de bleu + vert, et un marron réaliste à partir de deux complémentaires comme orange + bleu. Appuyez sur n'importe quelle paire dans la table pour la charger dans le mélangeur en mode soustractif.
Parce que le moteur soustractif mélange comme les pigments le font réellement, les couleurs secondaires sortent fidèles et les tertiaires s'assombrissent naturellement vers le marron — le même effet de ternissement que vous obtenez lorsque vous mélangez trop de peinture réelle. Le curseur de proportion vous permet de contrôler les proportions avec précision : 70% rouge + 30% bleu donne un violet plus chaud, plus magenta qu'un mélange 50/50.
Mélanger depuis une image — et mélanger plus de deux couleurs
Importez n'importe quelle photo et utilisez la pipette pour extraire des couleurs directement depuis elle — parfait pour associer une couleur de marque à partir d'une photographie de produit, un échantillon de peinture ou une image inspirante. Choisissez deux pixels ou plus et mélangez-les. L'image est décodée localement sur un canvas HTML, donc un mélangeur de couleurs depuis une image ici signifie que votre fichier ne quitte jamais l'appareil — adapté aux actifs de marque confidentiels et aux maquettes de design non publiées.
Besoin de combiner plus de deux ? Cliquez sur 'Ajouter une couleur' pour ajouter un troisième, quatrième, cinquième ou sixième échantillon, chacun avec son propre curseur de poids. L'outil retourne le mélange pondéré de toutes les entrées — utile pour moyenner une palette, recréer un mélange de peinture multi-pigments ou trouver le centre visuel d'un ensemble de couleurs de marque.
Comment cela se compare à Adobe Color, Coolors et colordesigner.io
Adobe Color (color.adobe.com) est conçu pour l'exploration de l'harmonie des couleurs — complémentaire, triadique, analogue — et nécessite un compte Adobe qui synchronise les données avec les serveurs d'Adobe. Il n'a pas de modèle de mélange soustractif (peinture) ou additif (lumière) ni de curseur de proportion pour mélanger des codes hex spécifiques. Coolors (coolors.co) est excellent pour générer des palettes, mais son mélangeur de couleurs ne fait qu'un mélange linéaire basique — équivalent au mode 'Mélange' de cet outil.
colordesigner.io offre un mélange linéaire de deux couleurs et une bande de dégradé, mais n'affiche que des valeurs hex — pas de RGB, HSL ou CMYK — et manque de modèles de mélange basés sur la physique. Cet outil comble le vide : trois modèles de mélange, quatre formats de sortie simultanés, échantillonnage de couleurs depuis une image, jusqu'à six couleurs avec des curseurs de poids individuels et une URL partageable. Sans compte, sans limites d'utilisation, sans envoi au serveur.
Chaque code prêt à copier — et un lien partageable
La carte de résultat affiche les valeurs HEX, RGB, HSL et CMYK de la couleur mélangée ainsi que la couleur CSS nommée la plus proche, et un seul clic copie l'une d'elles dans le presse-papiers. Générez 2 à 20 échantillons de points médians régulièrement espacés entre vos deux couleurs, copiez une étape individuelle ou capturez toute la séquence d'un coup pour un dégradé CSS ou une rampe de couleurs de système de design.
Il n'y a rien à installer et aucun compte à créer. Le mélange de couleurs, l'échantillonnage d'images et la conversion de code se font localement dans votre navigateur — vos couleurs et images restent sur votre appareil. Ajoutez aux favoris le mélangeur de couleurs en ligne et associez-le au Générateur de Palettes et au Vérificateur de Contraste sur UtiloKit pour un flux de travail couleur complet sans envoi.
Frequently asked questions
Comment mélanger deux couleurs en ligne ?
Choisissez vos deux couleurs avec les échantillons ou en saisissant des codes hex, sélectionnez un modèle de mélange (peinture/soustractif, lumière/additif, ou mélange linéaire simple) et faites glisser le curseur de proportion — par exemple 30% / 70% — pour contrôler la contribution de chaque couleur au résultat. La couleur mélangée et ses codes HEX, RGB, HSL et CMYK se mettent à jour instantanément ; cliquez sur n'importe quelle ligne de format pour la copier dans le presse-papiers.
Quelles deux couleurs font le vert ?
Le bleu et le jaune font le vert lorsque vous mélangez de la peinture ou du pigment (mélange soustractif). Définissez le modèle sur Soustractif et mélangez un bleu comme #2563EB avec un jaune comme #FACC15 pour obtenir un vert autour de #61A73A. Sur un écran, où vous mélangez de la lumière (additif), les règles sont différentes — lumière rouge + vert = jaune, et les trois à intensité maximale = blanc.
Quelle est la différence entre le mélange additif et soustractif des couleurs ?
Le mélange additif combine de la lumière : les canaux rouge, vert et bleu s'additionnent, donc rouge + vert = jaune et les trois à pleine puissance = blanc. Les écrans, les projecteurs et les téléviseurs fonctionnent ainsi. Le mélange soustractif combine des pigments qui absorbent (soustraient) des longueurs d'onde de lumière ; plus vous ajoutez de pigment, plus c'est sombre. Bleu + jaune = vert, et les trois primaires ensemble produisent du marron. L'impression CMYK est soustractive.
Comment mélanger deux codes hex ?
Saisissez ou collez chaque code hex dans son champ — avec ou sans le # initial — par exemple #FF5733 et #33C1FF. Le mélangeur les combine immédiatement à la proportion actuelle et retourne le code hex résultant avec ses équivalents RGB, HSL et CMYK. Le raccourci hex à trois chiffres comme #F53 est également accepté. Cliquez sur n'importe quelle ligne de résultat pour copier.
Puis-je mélanger des couleurs depuis une image ?
Oui. Ouvrez le panneau 'Mélanger depuis une image', importez n'importe quelle photo ou capture d'écran de design, puis cliquez sur le canvas pour échantillonner des couleurs directement depuis l'image vers vos emplacements de couleur. L'image est décodée localement sur un canvas HTML dans votre navigateur avec JavaScript — aucune donnée n'est envoyée à un serveur et vos images restent entièrement privées sur votre appareil.
Combien d'étapes de dégradé puis-je générer entre deux couleurs ?
Le contrôle des étapes vous permet de générer entre 2 et 20 échantillons régulièrement espacés entre vos deux couleurs d'entrée. Onze étapes vous donnent les deux extrémités plus neuf points médians — idéal pour construire un dégradé CSS ou une rampe de couleurs complète pour un système de design. Cliquez sur n'importe quel échantillon individuel pour copier son code hex, ou utilisez 'Tout copier' pour capturer toute la séquence.
C'est gratuit ? Dois-je créer un compte ?
Non. Le mélangeur de couleurs est entièrement gratuit, sans compte, sans inscription, sans mur payant et sans limites d'utilisation. Ouvrez la page et commencez à mélanger immédiatement. Contrairement à certaines plateformes de design qui bloquent le mélange avancé de couleurs derrière un abonnement, chaque fonctionnalité ici — modèles soustractif et additif, échantillonnage d'images, mélange multi-couleurs, étapes de dégradé et tous les formats de sortie — est disponible gratuitement dès la première visite.
Related tools
Voir tous les outils
Nouveau Color Token Generator
Generate a full design-token scale (50–950 shades) from a single base color — CSS, Tailwind or JSON.
Sélecteur et convertisseur de couleur
Choisissez une couleur et convertissez-la entre HEX, RGB, HSL et OKLCH.
Nouveau Vérificateur de contraste de couleur
Vérifiez les rapports de contraste WCAG AA/AAA entre les couleurs de texte et d’arrière-plan.
Nouveau Générateur de dégradés CSS
Créez des dégradés CSS linéaires, radiaux et coniques avec un aperçu en direct.
Nouveau Générateur de box-shadow CSS
Créez des box-shadows CSS multicouches avec préréglages et aperçu en direct. Copiez le CSS, la valeur ou le style React instantanément.
Nouveau Générateur de palette de couleurs
Générez des palettes complémentaires, analogues, triadiques et monochromes.