#JS RGB WHEEL COLOR PICKER CODE#

Now, if you'd like to use what's readily available to us in Windows (and follow the standard), here's the code I use to do precisely that (two sections, one for a BAS module, and the other just for some testing in a Form1):Ĭode: Option Explicit Private Type POINTAPI

That provides us with our three dimensions (which can be perfectly reworked into RGB if we so desire). And then, we've got a lightness slider off to the far right. Basically, horizontal is hue and vertical is saturation.

You'll see the hue and saturation selector (the large colorful palette). Here is a screenshot of the HSL approach provided in Windows (specifically, the right side): And, IMHO, why should we re-invent the wheel when it's all done for us in Windows? And it is precisely this HSL approach that has been adopted by the common dialog of Windows. Basically, it just adds a third selection slider for specifying the lightness factor. In fact, you could use this approach with a reworking of your color wheel, if you expanded it out farther such that the outer edge went all the way to black.īut the HSL approach has become more widely accepted. And here's a typical 2D HSV selection image: The HSV approach truly reduces the problem to two dimensions. The two most widely accepted solutions are referred to as Hue/Saturation/Value (aka, HSV) and Hue/Saturation/Lightness (aka, HSL). However, you are correct that people prefer to see something analogous to your color wheel. Possibly, the simplest is three sliders (black-to-red, black-to-green, & black-to-blue). There have been many attempts at solving this problem. And we're always trying to do it in two dimensions (a computer screen). The basic problem is that color selection is a three dimensional (or three degrees of freedom) problem (Red, Green, & Blue). For instance, how would we select black? Or, for that matter, how would we select any colors that are dark? First, that color wheel you've provided doesn't allow a selection of near anywhere all the possible colors. From my perspective, it seems you need to study a bit about colors and how they work.

Js rgb wheel color picker