- The first, must know what is equation of HSB Color. The Algorithm to find this is in this with name HSV.
- If you found, You can fill each color with choosen formula with hue you choosen and full saturation.
- Add listener of click for that circle.
- In listener, update the cicle inside with your choosen saturation and brighness. For example first row is sqaturation and brightness is column. Then in row 1 is no saturation, row 2 is half saturated(50) and row 3 is full saturated ones. The column 1 is the brightmost one(100) the 2 is half(50) and 3 is no brightness (0), for example.
Aclually it is not a tree, but a alternative approach for standard approach because it's more like that than tree.