<!--
main_leaderboard, all: [728,90][970,90][320,50][468,60]
-->
Colors RGB
❮ Previous
Next ❯
RGB Calculator
#ff0000
hsl(0, 100%, 50%)
RGB Colors
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 = "
"
x += "";
n = 0;
for (i = 0; i <= 255; i++) {
n = i;
x += "
Popular posts from this blog
<!-- main_leaderboard, all: [728,90][970,90][320,50][468,60] --> Bootstrap 4 Navs ❮ Previous Next ❯ Nav Menus Link Link Link Disabled If you want to create a simple horizontal menu, add the .nav class to a <ul> element, followed by .nav-item for each <li> and add the .nav-link class to their links: Example <ul class="nav"> <li class="nav-item"> <a class="nav-link" href="#">Link</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Link</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Link</a> </li> <li class="nav-item"> <a class="nav-link disabled" href="#">Disabled</a> </li> </ul> Try it Yourself » Aligned Nav Link Link...
googletag.cmd.push(function() { googletag.display('div-gpt-ad-1422003450156-2'); }); Google Social Icons ❮ Previous Next ❯ Social Icons The table below shows all Google Social icons: Icon Description Example cake cake Try it domain domain Try it group group Try it group_add group_add Try it location_city location_city Try it mood mood Try it mood_bad mood_bad Try it notifications notifications Try it notifications_none notifications_none Try it notifications_off notifications_off Try it notifications_active notifications_active Try it notifications_paused notifications_paused Try it pages pages Try it party_mode party_mode Try it people people Try it people_outline people_outline Try it person person Try it person_add person_add Try it per...
<!-- main_leaderboard, all: [728,90][970,90][320,50][468,60] --> Bootstrap Form Inputs (more) ❮ Previous Next ❯ Static Control If you need to insert plain text next to a form label within a horizontal form, use the .form-control-static class on a <p> element: Email: someone@example.com Example <form class="form-horizontal"> <div class="form-group"> <label class="control-label col-sm-2" for="email">Email:</label> <div class="col-sm-10"> <p class="form-control-static">someone@example.com</p> </div> </div> </form> Try it Yourself » Bootstrap Input Groups The .input-group class is a container to enhance an input by adding an icon, text or a button in front or behind it as a "help text". The .input-group-addon class attaches an icon or help tex...
|