Fonction de mise à l'échelle des couleurs

Je suis en train de visualiser certaines valeurs dans un formulaire. Elles vont de 0 à 200 et je voudrais que ceux autour de 0 vert et deviennent rouge vif comme ils vont à 200.

Fondamentalement, la fonction doit retourner la couleur en fonction de la valeur saisie. Des idées ?

source d'informationauteur Tomas Pajonk

  1. 17

    Fondamentalement, la méthode générale pour une transition en douceur entre les deux valeurs est la fonction suivante:

    function transition(value, maximum, start_point, end_point):
    return start_point + (end_point - start_point)*value/maximum

    Que, étant donné, on définit une fonction qui fait la transition pour les triplets (RGB, HSV, etc).

    function transition3(value, maximum, (s1, s2, s3), (e1, e2, e3)):
    r1= transition(value, maximum, s1, e1)
    r2= transition(value, maximum, s2, e2)
    r3= transition(value, maximum, s3, e3)
    return (r1, r2, r3)

    En supposant que vous avez les couleurs RGB pour le s et e triplés, vous pouvez utiliser le transition3 fonction. Toutefois, en passant par l'espace de couleur HSV produit plus "naturel" des transitions. Donc, étant donné les fonctions de conversion (volé sans vergogne de l'Python colorsys module et converties en pseudo-code :):

    function rgb_to_hsv(r, g, b):
    maxc= max(r, g, b)
    minc= min(r, g, b)
    v= maxc
    if minc == maxc then return (0, 0, v)
    diff= maxc - minc
    s= diff /maxc
    rc= (maxc - r) /diff
    gc= (maxc - g) /diff
    bc= (maxc - b) /diff
    if r == maxc then
        h= bc - gc
    else if g == maxc then
        h= 2.0 + rc - bc
    else
        h = 4.0 + gc - rc
    h = (h /6.0) % 1.0 //comment: this calculates only the fractional part of h/6
    return (h, s, v)

function hsv_to_rgb(h, s, v):
    if s == 0.0 then return (v, v, v)
    i= int(floor(h*6.0)) //comment: floor() should drop the fractional part
    f= (h*6.0) - i
    p= v*(1.0 - s)
    q= v*(1.0 - s*f)
    t= v*(1.0 - s*(1.0 - f))
    if i mod 6 == 0 then return v, t, p
    if i == 1 then return q, v, p
    if i == 2 then return p, v, t
    if i == 3 then return p, q, v
    if i == 4 then return t, p, v
    if i == 5 then return v, p, q
    //comment: 0 <= i <= 6, so we never come here

    vous pouvez avoir le code comme suit:

    start_triplet= rgb_to_hsv(0, 255, 0) //comment: green converted to HSV
end_triplet= rgb_to_hsv(255, 0, 0) //comment: accordingly for red

maximum= 200

… //comment: value is defined somewhere here

rgb_triplet_to_display= hsv_to_rgb(transition3(value, maximum, start_triplet, end_triplet))
  2. 7

    Vous ne dites pas dans quel environnement vous êtes en train de faire cela. Si vous pouvez travailler avec HSV couleursce serait assez facile à faire par des paramètre S = 100 et V = 100, et la détermination de H par:

    H = 0.4 * value + 120

    La conversion de VHS en RGB est également assez facile.

    [MODIFIER] Remarque: contrairement à d'autres solutions proposées, cela va changer de couleur vert -> jaune -> orange -> rouge.

  3. 7
    red = (float)val /200 * 255;

green = (float)(200 - val) /200 * 255;

blue = 0;

return red << 16 + green << 8 + blue;
  4. 3

    Choisir un vert que vous aimez (RGB1 = #00FF00, par exemple) et un Rouge que vous aimez (RGB2 = #FF0000, par exemple) et ensuite calculer la couleur comme ce

    R = R1 * (200-i)/200 + R2 * i/200
G = G1 * (200-i)/200 + G2 * i/200
B = B1 * (200-i)/200 + B2 * i/200
  5. 2

    Pour mieux contrôlable et précise effet, vous devez utiliser l'espace de couleur HSV. Avec le HSV, vous pouvez facilement ajuster la Teinte, la Saturation, la Luminosité et séparés les uns des autres. Ensuite, vous ne la transformation de RVB.

  6. 2

    s'étendant sur @tzot du code... vous pouvez également créer un point médian entre le début et la fin, ce qui peut être utile si vous voulez une "transition de couleur"!

    //comment: s = start_triplet, m = mid_triplet, e = end_triplet
function transition3midpoint = (value, maximum, s, m, e):
    mid = maximum /2
    if value < mid
      return transition3(value, mid, s, m)
    else
      return transition3(value - mid, mid, m, e)
  7. 1

    À la recherche par le biais de cet article de wikipédia personnellement, je choisirais un chemin au travers d'un espace de couleur, et la carte de valeurs sur ce chemin.

    Mais c'est un droit de la fonction. Je pense que vous pourriez être mieux adapté à un javascript sélecteur de couleur, vous pouvez trouver une couleur rapide qui va vous donner l'hexagone, et vous pouvez stocker les Hex.

  8. 0

    Si vous utilisez une fonction linéaire de rampes d'accès pour les Vert et Rouge de valeurs en tant que Peter Parker a suggéré, la couleur pour une valeur de 100 sera essentiellement la gerbe vert (127, 127, 0). Idéalement, vous voulez qu'il soit un orange vif ou jaune au milieu. Pour cela, vous pouvez utiliser:

    Red = max(value /100, 1) * 255
Green = (1 - max(value /100, 1)) * 255
Blue = 0