<!--
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
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...
<!-- main_leaderboard, all: [728,90][970,90][320,50][468,60] --> Bootstrap 4 Grid - Large ❮ Previous Next ❯ Large Grid Example Extra small Small Medium Large Extra Large Class prefix .col- .col-sm- .col-md- .col-lg- .col-xl- Screen width <576px >=576px >=768px >=992px >=1200px In the previous chapter, we presented a grid example with classes for small and medium devices. We used two divs (columns) and we gave them a 25%/75% split on small devices, and a 50%/50% split on medium devices: <div class="col-sm-3 col-md-6">....</div> <div class="col-sm-9 col-md-6">....</div> But on large devices the design may be better as a 33%/66% split. Large devices are defined as having a screen width from 992 pixels to 1199 pixels . For large devices we will use the .col-lg-* classes: <div class="col-sm-3 col-md-6 col-l...
|