• How to convert angles to colors (and vice versa)
• HSV vs HSL

How to convert angles to colors (and vice versa)

Angle → Color

1. Convert given angle radians to degrees
2. Account for possible negative values → +360
3. Account for color placement on our specific wheel.
   • See HSV color wheel compared to our version of the color wheel. Where is the placement of red? The transformation that takes the “real” hue wheel to our orientation? → +90 (degrees counter clockwise)
4. Convert degrees to hue
   • Assume each degree corresponds to a specific hue → % 360
   • Hue → HSV: Color = hue, saturation, value.
   • Assume full saturation and value for our wheel (1f).
5. Convert HSV to Color (an int)
   • See a handy method inside Color class

Color → Angle

1. What is a RGB color as an int? Read this part in Color Picker spec
2. Color (int) → HSV, again assume full saturation and value. See ColorUtils documentation for a handy method.
3. HSV → hue
   • HSV is in the form of a float array with 3 values… which of these three do you need?
4. Hue → radians (see Angle to Color steps backward)

HSV vs HSL

See this image https://i.stack.imgur.com/nX8NL.png

• Hue: color (red green… etc)
• Saturation: how much color
• Lightness: how “light” it is (closer to white), lightness value of 0 = black, 1 = white
• Value: how much black mixed into color, value = 1 = full color. Value = 0 = black.

HSV Model

HSL Model