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] --> SVG Filters ❮ Previous Next ❯ SVG Filters SVG Filters are used to add special effects to SVG graphics. Browser Support The numbers in the table specify the first browser version that supports SVG filters. SVG Filters 8.0 10.0 3.0 6.0 9.6 SVG Filter Elements In the next chapters, we will only demonstrate a touch of the filter effects that are possible - and give you an idea of what can be done with SVG. The available filter elements in SVG are: <feBlend> - filter for combining images <feColorMatrix> - filter for color transforms <feComponentTransfer> <feComposite> <feConvolveMatrix> <feDiffuseLighting> <feDisplacementMap> <feFlood> <feGaussianBlur> <feImage> <feMerge> <feMorphology> <feOffset> - filter for drop sh...
<!-- main_leaderboard, all: [728,90][970,90][320,50][468,60] --> Bootstrap 4 Get Started ❮ Previous Next ❯ What is Bootstrap? Bootstrap is a free front-end framework for faster and easier web development Bootstrap includes HTML and CSS based design templates for typography, forms, buttons, tables, navigation, modals, image carousels and many other, as well as optional JavaScript plugins Bootstrap also gives you the ability to easily create responsive designs What is Responsive Web Design? Responsive web design is about creating web sites which automatically adjust themselves to look good on all devices, from small phones to large desktops. Bootstrap 3 vs. Bootstrap 4 Bootstrap 4 is the newest version of Bootstrap; with new components, faster stylesheet and more responsiveness. Bootstrap 4 supports the latest, stable releases of all major browsers and platforms. However, Internet Explorer 9 and down is not supported. If you require IE...
<!-- 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...
|