le modèle de couleur RYB pourrait être un choix approprié pour les calculs de mélange de couleurs. Selon Wikipedia , il est principalement utilisé dans l'enseignement de l'art et du design, en particulier la peinture.

pour mélanger 2 couleurs, on convertit les deux couleurs de RGB à RYB, mélange les couleurs en ajoutant chaque color component, et convertit la couleur résultante de RYB en RVB.

j'ai essayé ceci en utilisant le Online Color Mixing Tool , et les résultats sont

• 0000FF ( bleu ) mélangé à #FFFF00 ( jaune ) donne # 008000 ( vert foncé ),

• FF0000 ( rouge ) mélangé à #FFFF00 ( jaune ) donne #FFA000 ( orange ).

ainsi cette méthode produit exactement les résultats que vous attendiez.

malheureusement, je n'ai pas pu trouver de référence avec la formule "prêt à l'emploi" pour passer de RGB à RYB et de nouveau à RGB.

le papier Inspiré de la Peinture de Mélange de Couleur et de Composition pour la Visualisation - Gossett et Chen décrit l'idée générale du modèle de couleur RYB dans la section " 2 atteindre la couleur INTUITIVE MÉLANGE."

selon ce papier, la conversion de RYB en RGB est faite par interpolation trilinéaire .

la partie difficile est la conversion de RGB en RYB, parce qu'elle nécessite l'inversion de l'interpolation trilinéaire. Voir Conversion entre les espaces de couleurs RGB et RYB pour plus plus d'informations.

même si cette réponse ne fournit pas la formule complète pour la calcul, j'espère que cela donne quelques idées sur la façon de procéder.

avec les couleurs de CIELAB, vous avez trois coordonnées pour chacune de vos deux couleurs dans L'espace couleur LAB. (En passant, excellent travail à ce jour). Ce qui fonctionnera le mieux et sera le plus facile à mettre en œuvre pour vous, c'est de trouver le point médian tridimensionnel d'un segment de ligne imaginaire joignant les deux points dans L'espace de laboratoire. Vous pouvez le faire facilement en faisant la moyenne de chacun des composants de vos deux couleurs: la moyenne L , moyenne a et moyenne b . Puis de les convertir cette couleur retourne dans l'espace RVB en inversant votre transformation (assurez-vous que votre espace d'éclairage reste le même dans les deux sens).

votre nouvelle couleur peut être en dehors de l'espace de couleur RGB. Vous pouvez décider de clipper à la couleur visible la plus proche dans ce cas. (Les bleus y sont particulièrement vulnérables).

maintenant que vous avez vos deux couleurs au format LAB (ou L*a*b*), vous pouvez les comparer ensemble.

L(result) = L(first color) + L(second color) / 2
A(result) = A(first color) + A(second color) / 2
B(result) = B(first color) + B(second color) / 2

vous le saviez déjà, Non? parce que c'est ce que vous faisiez avec vos couleurs RGB en moyenne.

j'ai en fait rencontré le même problème en essayant de mélanger 2 couleurs RGB ensemble. Ces deux fonctions ont fonctionné pour moi:

//colorChannelA and colorChannelB are ints ranging from 0 to 255
function colorChannelMixer(colorChannelA, colorChannelB, amountToMix){
    var channelA = colorChannelA*amountToMix;
    var channelB = colorChannelB*(1-amountToMix);
    return parseInt(channelA+channelB);
}
//rgbA and rgbB are arrays, amountToMix ranges from 0.0 to 1.0
//example (red): rgbA = [255,0,0]
function colorMixer(rgbA, rgbB, amountToMix){
    var r = colorChannelMixer(rgbA[0],rgbB[0],amountToMix);
    var g = colorChannelMixer(rgbA[1],rgbB[1],amountToMix);
    var b = colorChannelMixer(rgbA[2],rgbB[2],amountToMix);
    return "rgb("+r+","+g+","+b+")";
}

pour mélanger le rouge ( [255,0,0] ) avec le bleu ( [0,0,255] ) uniformément, vous pouvez appeler

colorMixer([255,0,0], [0,0,255], 0.5);//returns "rgb(127,0,127)" (purple)

cela peut aider, bien que vous devez convertir chaque valeur de couleur en un tableau d'abord. Si vous utilisez du tissu.js pour travailler avec des éléments de toile, cela devient vraiment facile. Il suffit d'appeler

var rgbA = new fabric.Color(yourColor);
var rgbB = new fabric.Color(yourSecondColor);

alors appelez

colorMixer(rgbA.getSource(),rgbB.getSource(),0.5);

Espère que ces fonctions d'aide.

voici un bon article que j'ai écrit sur le mélange des couleurs dans L'espace-couleur CIE-LCh, qui produit un mélange qui préserve la teinte, la saturation, et la luminance d'une manière qui compatible avec la perception de votre oeil.

Amélioration Du Mélange De Couleurs

vous devez utiliser CMY ou RGB Modèle Couleur.

pourquoi Blue + Yellow ne peut pas être Gray ?

Blue + Yellow = ( Cyan + Magenta ) + Yellow => Gray . Pourquoi pas?

regardez ça.

donc vous pouvez utiliser RGB (CMY) pour mélanger les couleurs.

Que diriez-vous de convertir RVB En CMYK en utilisant ce et puis:

// CMYK colors
colorA = [2, 90, 94, 0];
colorB = [4, 0, 80, 0]; 

colorMixC = (colorA[0] + colorB[0]) / 2;
colorMixM = (colorA[1] + colorB[1]) / 2;
colorMixY = (colorA[2] + colorB[2]) / 2;
colorMixK = (colorA[3] + colorB[3]) / 2;

et finalement convertir CMYK en RVB en utilisant ce