googletag.cmd.push(function() { googletag.display('div-gpt-ad-1422003450156-2'); });
Colors HEX
❮ Previous
Next ❯
Hex Calculator
rgb(255, 0, 0)#000000
hsl(0, 0%, 0%)
Hexadecimal Colors
Hexadecimal color values are also supported in all browsers.
A hexadecimal color is specified with: #RRGGBB.
RR (red), GG (green) and BB (blue) are hexadecimal integers between 00 and
FF specifying the intensity of the color.
For example, #0000FF is displayed as blue, because the blue component is set to its highest value (FF) and the others are set to
00.
function submitOnEnter(e) {
keyboardKey = e.which || e.keyCode;
if (keyboardKey == 13) {
setFullColor();
}
}
function numberValue(elmnt) {
var val, x;
val = Number(elmnt.value);
if (val 255) {val = 255;}
val = toHex(val);
x = document.getElementById(elmnt.id.substr(0, 3));
x.value = val;
setColor();
}
function toHex(n) {
var hex = n.toString(16);
while (hex.length < 2) {hex = "0" + hex; }
return hex;
}
function clickRed(red) {
var r = document.getElementById("r01");
r.value = red;
setColor();
}
function clickGreen(green) {
var g = document.getElementById("g01");
g.value = green;
setColor();
}
function clickBlue(blue) {
var b = document.getElementById("b01");
b.value = blue;
setColor();
}
function drawRedTable() {
var x, i, n, g, b;
g = "00";
b = "00";
x = "
"
x += "";
n = 0;
for (i = 0; i <= 255; i++) {
n = toHex(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...
|