HTML tutorial
CSS3 tutorial
Bootstrap tutorial
JavaScript tutorial
JQuery tutorial
AngularJS tutorial
React tutorial
NodeJS tutorial
PHP tutorial
Python tutorial
Python3 tutorial
Django tutorial
Linux tutorial
Docker tutorial
Ruby tutorial
Java tutorial
C tutorial
C ++ tutorial
Perl tutorial
JSP tutorial
Lua tutorial
Scala tutorial
Go tutorial
ASP.NET tutorial
C # tutorial
RGB color values are supported in all browsers
RGB color values are supported in all browsers.
An RGB color value is specified with: rgb(red, green, blue).
Each parameter (red, green, and blue) defines the intensity of the color as an integer between 0 and 255.
For example, rgb(0, 0, 255) is rendered as blue, because the blue parameter is set to its highest value (255) and the others are set to 0.
function submitOnEnter(e) { keyboardKey = e.which || e.keyCode; if (keyboardKey == 13) { setFullColor(); } } function clickRed(red) { var r = document.getElementById("r01"); r.value = red; setColor(r); } function clickGreen(green) { var g = document.getElementById("g01"); g.value = green; setColor(g); } function clickBlue(blue) { var b = document.getElementById("b01"); b.value = blue; setColor(b); } function drawRedTable() { var x, i, n, g, b; g = 0; b = 0; x = "
" + n + " | ";
}
x += "
"; } x += " |
" + i + " | ";
}
x += "
"; } x += " |
" + i + " | ";
}
x += "
"; } x += " |
RGB color values are supported in all major browsers.
<style>
div {
background-color: rgb(0, 191, 255);
color: rgb(255, 255, 255);
}
</style>
var btnclck = false; if (window.addEventListener) { window.addEventListener("mousedown", function () {btnclck = true; }); } else if (window.attachEvent) { window.attachEvent("onmousedown", function () {btnclck = true; }); } if (window.addEventListener) { window.addEventListener("mouseup", function () {btnclck = false; }); } else if (window.attachEvent) { window.attachEvent("onmouseup", function () {btnclck = false; }); } function tooltip(e, n) { var x; if (btnclck) { if (e == 0) { x = document.getElementById("r01"); } if (e == 1) { x = document.getElementById("g01"); } if (e == 2) { x = document.getElementById("b01"); } x.value = n; setColor(x); } } function setColor(elmnt) { var ele, col, r, g, b, rgb; r = document.getElementById("r01"); g = document.getElementById("g01"); b = document.getElementById("b01"); elmnt.value = Number(elmnt.value); if (parseInt(elmnt.value) < 0) {elmnt.value = "0";} if (parseInt(elmnt.value) > 255) {elmnt.value = "255";} rgb = w3color("rgb(" + r.value + ", " + g.value + ", " + b.value + ")"); document.getElementById("result01").style.backgroundColor = rgb.toRgbString(); document.getElementById("rgb01").value = rgb.toRgbString(); document.getElementById("hsl01").innerHTML = rgb.toHslString(); document.getElementById("hex01").innerHTML = rgb.toHexString(); for (i = 0; i <= 255; i++) { document.getElementById("redpointer" + i).style.display = "none"; } for (i = 0; i <= 255; i++) { document.getElementById("greenpointer" + i).style.display = "none"; document.getElementById("bluepointer" + i).style.display = "none"; } document.getElementById("redpointer" + r.value).style.display = "inline"; document.getElementById("greenpointer" + g.value).style.display = "inline"; document.getElementById("bluepointer" + b.value).style.display = "inline"; document.getElementById("linktocp").innerHTML = "