HSV gives varying brightness

Scruffynerf · May 14, 2021, 11:28pm

While we’re on the topic of HSV, RGB and so on…

@wizard we don’t need a built in but if you want a quick win:

HSL (which is more like paint mixing than light mixing) is relatively easy to convert to HSV

So we can use a quick hsl2hsv function for it, like this one

gist.github.com

https://gist.github.com/xpansive/1337890

LICENSE.txt

            DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
                    Version 2, December 2004

 Copyright (C) 2011 YOUR_NAME_HERE <YOUR_URL_HERE>

 Everyone is permitted to copy and distribute verbatim or modified
 copies of this license document, and changing it is allowed as long
 as the name is changed.

            DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE

This file has been truncated. show original

README.md

HSV←→HSL
========

Converts back and forth between HSV and HSL.

I find it strange that they appear to be completely different, there's probably something I'm missing that will bring hsv2hsl down to the size of hsl2hsv.

Also see:
[hsl2rgb](https://gist.github.com/1325937)
[hsv2rgb](https://gist.github.com/1241234)

annotated.js

function hsv2hsl(hue,sat,val){
    return[ //[hue, saturation, lightness]
            //Range should be between 0 - 1
        hue, //Hue stays the same

        //Saturation is very different between the two color spaces
        //If (2-sat)*val < 1 set it to sat*val/((2-sat)*val)
        //Otherwise sat*val/(2-(2-sat)*val)
        //Conditional is not operating with hue, it is reassigned!
        sat*val/((hue=(2-sat)*val)<1?hue:2-hue),

This file has been truncated. show original

There are more than three files. show original

But if you add a built in hsl(), that would be nice.

Added: Ah, it’s a really simple conversion if it’s needed. I’m using code
I found here http://jsfiddle.net/Lamik/ba9vgj7L to do this:
HSL quicky - not quite HSV