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
<!-- main_leaderboard, all: [728,90][970,90][320,50][468,60] --> HTML5 Browser Support ❮ Previous Next ❯ You can teach older browsers to handle HTML5 correctly. HTML5 Browser Support HTML5 is supported in all modern browsers. In addition, all browsers, old and new, automatically handle unrecognized elements as inline elements. Because of this, you can "teach" older browsers to handle "unknown" HTML elements. You can even teach IE6 (Windows XP 2001) how to handle unknown HTML elements. Define Semantic Elements as Block Elements HTML5 defines eight new semantic elements. All these are block-level elements. To secure correct behavior in older browsers, you can set the CSS display property for these HTML elements to block : header, section, footer, aside, nav, main, article, figure { display: block; } Add New Elements to HTML You can also add new elements to an HTML page with a browser trick. This example adds a ne...
<!-- main_leaderboard, all: [728,90][970,90][320,50][468,60] --> HTML Canvas Reference ❮ Previous Next ❯ Description The HTML5 <canvas> tag is used to draw graphics, on the fly, via scripting (usually JavaScript). However, the <canvas> element has no drawing abilities of its own (it is only a container for graphics) - you must use a script to actually draw the graphics. The getContext() method returns an object that provides methods and properties for drawing on the canvas. This reference will cover the properties and methods of the getContext("2d") object, which can be used to draw text, lines, boxes, circles, and more - on the canvas. Browser Support The numbers in the table specify the first browser version that fully supports the element. Element <canvas> 4.0 9.0 2.0 3.1 9.0 Internet Explorer 9, Firefox, Opera, Chrome, and Safari support <canv...
googletag.cmd.push(function() { googletag.display('div-gpt-ad-1422003450156-2'); }); Google Hardware Icons ❮ Previous Next ❯ Hardware Icons Below is a list of all Google Hardware icons: Icon Description Example cast cast Try it cast_connected cast_connected Try it computer computer Try it desktop_mac desktop_mac Try it desktop_windows desktop_windows Try it developer_board developer_board Try it device_hub device_hub Try it devices_other devices_other Try it dock dock Try it gamepad gamepad Try it headset headset Try it headset_mic headset_mic Try it keyboard keyboard Try it keyboard_arrow_down keyboard_arrow_down Try it keyboard_arrow_left keyboard_arrow_left Try it keyboard_arrow_right keyboard_arrow_right Try it keyboard_arrow_up keyboard_arrow_up ...
|