googletag.cmd.push(function() { googletag.display('div-gpt-ad-1422003450156-2'); });
Colors HSL
❮ Previous
Next ❯
HSL Colors
HSL color values are supported in IE9+, Firefox, Chrome, Safari, and in Opera
10+.
HSL stands for hue, saturation, and lightness.
HSL color values are specified with: hsl(hue, saturation,
lightness).
Hue
Hue is a degree on the color wheel from 0 to 360. 0 is red, 120
is green, 240 is blue.
Saturation
Saturation is a percentage value; 0% means a shade of
gray and 100% is the full color.
Lightness
Lightness is also a percentage; 0% is black,
100% is white.
function submitOnEnter(e) {
keyboardKey = e.which || e.keyCode;
if (keyboardKey == 13) {
setFullColor();
}
}
function clickHue(hue) {
var h = document.getElementById("hue01");
h.value = hue;
setColor(h);
}
function clickSat(sat) {
var s = document.getElementById("sat01");
s.value = sat;
setColor(s);
}
function clickLig(lig) {
var l = document.getElementById("lig01");
l.value = lig;
setColor(l);
}
function drawHueTable(hue) {
var x, i, n;
x = "
"
x += "";
n = 0;
for (i = 0; i <= 360; i++) {
n = i;
x += "
Popular posts from this blog
<!-- main_leaderboard, all: [728,90][970,90][320,50][468,60] --> W3.CSS Downloads ❮ Previous Next ❯ Download W3.CSS Download W3.CSS from this link: https://www.w3schools.com/w3css/4/w3.css W3.CSS is Free W3.CSS is free to use. No license is necessary. How To use W3.CSS To use W3.CSS, just add a link to "w3.css" in your web pages: Example <!DOCTYPE html> <html> <title>My Web</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> Try It Yourself » Or download w3.css and run it from your own web site: Example <!DOCTYPE html> <html> <title>My Web</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="w3.css"> If you put w3....
<!-- main_leaderboard, all: [728,90][970,90][320,50][468,60] --> W3.CSS Tables ❮ Previous Next ❯ First Name Last Name Points Jill Smith 50 Eve Jackson 94 Adam Johnson 67 Bo Nilsson 50 Mike Ross 35 W3.CSS Table Classes W3.CSS provides the following classes for tables: Class Defines w3-table Container for an HTML table w3-striped Striped table w3-border Bordered table w3-bordered Bordered lines w3-centered Centered table content w3-hoverable Hoverable table w3-table-all All properties set Basic Table The w3-table class is used to display a basic table: First Name Last Name Points Jill Smith 50 Eve Jackson 94 Adam Johnson 67 Example <table class="w3-table"> <tr> <th>First Name</th> <th>Last Name</th> <th>Points</th> </tr> <tr> <td>Jill</td> <td>Smith</td> <td>50</...
|