Excellent HSL Color Picker

HSL Color Picker is web based HSL color picker created by Brandon Mathis. HSL (Hue, Saturation, Luminosity) allows us to describe meaningful relationships between colors. Give this brown color, hsl(36, 73%, 10%), it’s clear that if we desaturate 40 steps and lighten 70 steps we get hsl(36, 33%, 80%), a cream color. Look at that in hex, #2C1D07 to #DDCFBB, or in rgb, rgb(44, 29, 7) to rgb(221, 207, 187), and the relationship between colors isn’t evident in any meaningful way.

hsl color picker Excellent HSL Color Picker

In graphics software We pick colors in HSB (Hue, Saturation, Brightness) because it feels more natural to work with than RGB or CMYK. Now, with CSS3 we can use HSL which is actually quite different than HSB. Without a decent HSL color picker, it’s difficult to understand.

Requirements: -
Demo: http://hslpicker.com
License: License Free

Incoming search terms for the article:

Related Posts

Flexi Color Picker

MooRainbow Javascript Color Picker

xcolor - jQuery color plugin

Light Weight JavaScript ColorPicker

1 Comment

  1. Willie Meier

    03.17.2011

    Salam Olekum

    I stumbled on this blog quite by accident and simply love it.

    Suhkran for having listed some of the great utilities on it.

    Please feel free to visit my web site, enjoy the photo gallery of the Canadian Rocky Mountians and perhaps my experiemnts in multimedia wherein I have a 3D video cube which will show a video on the three displayed cube faces. At the moment, the 3D cube is only viewable with FF3.6 but soon with FF4.0

    regards

    Willie