Mélangeur de couleurs

Qu'est-ce que Mélangeur de couleurs ?

Le Mélangeur de couleurs est un outil gratuit en ligne qui interpole entre deux couleurs et vous donne la couleur intermédiaire. Vous saisissez la Couleur A et la Couleur B en HEX (le format #rrggbb ou l'abréviation #rgb fonctionnent tous deux), déplacez le contrôle de ratio de 0 % (entièrement Couleur A) à 100 % (entièrement Couleur B) et choisissez l'espace colorimétrique : RGB mélange directement les canaux bruts, tandis que Lab mélange dans un espace perceptuel qui garde généralement le point médian d'aspect plus naturel et évite les gris ternes. Designers, développeurs front-end et illustrateurs l'utilisent pour trouver un ton intermédiaire entre deux couleurs de marque, créer de doux dégradés bicolores, dériver des teintes pour les états survol ou bordure, ou prévisualiser comment deux peintures ou deux arrêts de dégradé se rejoignent au milieu. Le résultat est affiché sous forme de grand échantillon au-dessus d'un champ HEX en lecture seule que vous pouvez copier d'un clic.

Comment utiliser Mélangeur de couleurs

1. Tapez ou collez votre première couleur dans le champ Couleur A (HEX), puis la seconde dans le champ Couleur B (HEX), au format #rrggbb ou #rgb.
2. Faites glisser le curseur Ratio (ou tapez un nombre) pour définir la quantité de Couleur B mélangée : 0 % donne la Couleur A, 100 % donne la Couleur B, 50 % est le point médian exact.
3. Choisissez l'espace de mélange avec le commutateur RGB / Lab — optez pour Lab pour un mélange plus uniforme à l'œil, ou RGB pour une moyenne littérale canal par canal.
4. Observez l'échantillon d'aperçu se mettre à jour en direct et lisez la valeur HEX de la couleur mélangée en dessous.
5. Cliquez sur le bouton de copie à côté du résultat pour copier le HEX mélangé dans votre presse-papiers.

Exemples

A #ff0000, B #0000ff, ratio 50%, RGB

#800080

A #4f86f7, B #ffffff, ratio 75%, RGB

#d3e1fd

Questions fréquentes

Quelle est la différence entre les options RGB et Lab ?

RGB mélange les canaux rouge, vert et bleu indépendamment, ce qui est rapide et correspond exactement à la façon dont CSS moyenne les couleurs, mais peut virer aux gris ternes pour des teintes éloignées. Lab convertit les deux couleurs dans l'espace perceptuel CIELAB, interpole là, puis reconvertit, ce qui garde généralement le point médian plus lumineux et plus proche de ce que l'œil attend. Les deux produisent un résultat #rrggbb.

Que signifie le contrôle de ratio ?

Le ratio correspond à la quantité de Couleur B dans le mélange. À 0 %, le résultat égale la Couleur A, à 100 % il égale la Couleur B, et à 50 % c'est le point médian exact entre les deux. Vous pouvez faire glisser le curseur ou taper un pourcentage exact.

Quels formats de couleur puis-je saisir ?

Les deux champs acceptent le HEX sous la forme #rrggbb (six chiffres) ou #rgb (abréviation à trois chiffres). Si l'une des valeurs n'est pas une couleur HEX valide, un message d'erreur apparaît et aucun mélange n'est affiché tant que les deux ne sont pas valides. La sortie est toujours une valeur HEX #rrggbb.

Puis-je utiliser la couleur mélangée dans une chaîne d'espace de travail ?

Oui. Le résultat est exposé sous forme de port de sortie, donc dans un espace de travail deftdeck vous pouvez relier le HEX mélangé directement à un autre outil, et il se met à jour automatiquement dès que vous changez une couleur, le ratio ou l'espace colorimétrique.

Mes couleurs sont-elles envoyées quelque part ?

Non. Tous les calculs de mélange s'exécutent localement dans votre navigateur, vos valeurs de couleur ne sont donc jamais téléchargées vers un serveur. L'outil fonctionne hors ligne et garde votre palette privée.