Amazing OK-HSL Swatches

A simple tool for generating color palettes within the OK-HSL color space. I've tossed it together in less than a day so its not very technically sophisticated, but it does its job. That being said, you'll have to screenshot your palette to get it as an image you can use. Sorry!

In case you are wondering what the OK-HSL color space is, here's a video by Acerola which explains it really well in my opinion: https://www.youtube.com/watch?v=fv-wlo8yVhk

Also here are some short descriptions of what the settings to the right hand side of the palette do:

Pink section: The Hue, Saturation and Lightness of the starting swatch

Starting Hue sets the Hue(color) for the starting swatch (Value between 0.0 and 1.0)

Starting Saturation sets the Saturation(low Saturation=more grayish) for the starting swatch (Value between 0.0 and 1.0)

Starting Lightness sets the Lightness(more lightish more whiteish) for the starting swatch (Value between 0.0 and 1.0)

Blue section: Controls the size of the grid within which your swatches are generated. If you are having a hard time wrapping your head around how to use these, try setting them all to 0 (which will only display the starting swatch) and then increasing the steps by one at a time to see what happens.

Steps Left: how many steps to the left of your starting swatch the swatch grid will generate

Steps Right: how many steps to the right of your starting swatch the swatch grid will generate

Steps Up: how many steps above of your starting swatch the swatch grid will generate

Steps Down: how many steps below your starting swatch the swatch grid will generate

Yellow Section: Controls how much the Hue, Saturation and Lightness changes for each step. If you are getting weird color progressions, it's most likely one of these settings you need to adjust!!! the more steps you are making the lower these should be.

Hue per Step: how much the hue changes for each step (Values between 0.0 and 0.5 recommended)

Saturation per Step: How much the saturation changes for each step(Values should be lowish, around 0.15 or lower for step counts of 3 or less,  probably something below 0.01 for step counts over 10) weird colors will occur if this is to high!!!

Saturation per Step: How much the saturation changes for each step(Values should be lowish, around 0.15 or lower for step counts of 3 or less,  probably something below 0.01 for step counts over 10) weird colors will occur if this is to high!!!

Green Section: The direction of the step operations. L->R will subtract per step values from the left side of your Starting Swatch and add per step values to the right. R->L does the reverse. U->D and D->U work the same for up and down. This is easier to understand by trying out the settings.

direction hue:  the direction of your hue. see section above for more detailed explanation.

direction saturation:  the direction of your hue. see section above for more detailed explanation.

direction lightness:  the direction of your hue. see section above for more detailed explanation.

Grayish Sections: miscellaneous settings which might be useful to get the most out of this software once you've grasped what the other stuff does.

Background color: The color of the background (Value 6 character hexadecimal 000000 is Black, ffffff is White)

Swatches: by turning this off the colors stop being squares and can finally be themselves!

Spacing: the Minimum(!!!) space between the swatches.

(Btw., it's possible to generate gradients if you turn swatches off, set Spacing to 0, crank steps way up and HSL per step way down. Kind of hard to get good results if you don't know what you're doing.)

Anyways, the primary reason I've made this is for personal use, and I'll probably only update it in ways which suit my personal use. If you feel there is a feature this software lacks you could also just download the source files and mod this yourself! It's made using the Godot engine. Just open it up using your own version of Godot and despair at the horrible mess of code I've made!

Hope you can put the Amazing OK-HSL Swatches to good use in your own art projects!