Convert HSB/HSV color to HSL

by

I think this is the most precise:

function hsv_to_hsl(h, s, v) {
    // both hsv and hsl values are in [0, 1]
    var l = (2 - s) * v / 2;

    if (l != 0) {
        if (l == 1) {
            s = 0;
        } else if (l < 0.5) {
            s = s * v / (l * 2);
        } else {
            s = s * v / (2 - l * 2);
        }
    }

    return [h, s, l];
}

More Related Contents:

  1. Javascript convert HSB/HSV color to RGB accurately
  2. Why doesn’t this Javascript RGB to HSL code work?
  3. How to read with JavaScript [closed]
  4. Javascript Commenting not working. Cannot comment out a comment?
  5. RGB to hex and hex to RGB
  6. jQuery animate backgroundColor
  7. Random color generator
  8. How to get hex color value rather than RGB value?
  9. Programmatically Lighten or Darken a hex color (or rgb, and blend colors)
  10. Javascript function to convert color names to hex codes
  11. JavaScript eyedropper (tell color of pixel under mouse cursor)
  12. JS function to calculate complementary colour?
  13. How do you get the hue of a #xxxxxx colour?
  14. Javascript color gradient
  15. convert Hsl to rgb and hex
  16. Convert RGB to RGBA over white
  17. How can I generate the opposite color according to current color?
  18. How to check if a string is a valid hex color representation?
  19. Convert Hex to RGBA
  20. Mixing two colors “naturally” in javascript
  21. RGB to HSV color in javascript? [closed]
  22. Is canvas getImageData method machine/browser dependent?
  23. Create a hexadecimal colour based on a string with JavaScript
  24. Generate colors between red and green for an input range [duplicate]
  25. Browsers automatically evaluate hex or hsl colors to rgb when setting via element.style.background?
  26. How to programmatically calculate the contrast ratio between two colors?
  27. Chart.js Line, different fill color for negative point
  28. Change text color with Javascript?
  29. How to check if hex color is “too black”?
  30. How to convert a plain object into an ES6 Map?

Leave a Comment