Generieren Sie Farben zwischen Rot und Grün für einen Eingabebereich [duplizieren]
Mögliche Duplikate:
Farbcodierung anhand der Nummer
Ich möchte, dass ein Benutzer aus einem Bereich von 1 bis 100 auswählen kann, wobei die Farbe des Bereichs dunkler und die Farbe roter wird, wenn die Zahlen unter 50 liegen .
Ich versuche es so zu machen, dass die Farbe fast weiß ist (wobei 50 = volles Weiß ist), wenn der Bereich mehr zur Mitte hin ist.
Ich habe die Antwort von hier aus versucht:Farben zwischen Rot und Grün für einen Leistungsmesser erzeugen? vergebens .... 50 wird ein durcheinander grün ...
Ich habe das folgende HTML:
<span><span class="value">50</span><input type="range" /></span>
Und das folgende Javascript:
$(document).on({
change: function(e) {
var self = this,
span = $(self).parent("span"),
val = parseInt(self.value);
if (val > 100) {
val = 100;
}
else if (val < 0) {
val = 0;
}
$(".value", span).text(val);
var r = Math.floor((255 * val) / 100),
g = Math.floor((255 * (100 - val)) / 100),
b = 0;
span.css({
backgroundColor: "rgb(" + r + "," + g + "," + b + ")"
});
}
}, "input[type='range']");
Geige:http://jsfiddle.net/maniator/tKrM9/1/
Ich habe viele verschiedene Kombinationen von r, g, b ausprobiert, aber ich kann es wirklich nicht richtig machen.