Rainbow using Hex vaValues
Random question: if I wanted to make a rainbow using hex color values, how would I go about it? Surely it's not as simple as just adding 1 to the hex value and then just displaying the corresponding value as a color and then repeating, is it?
10 Replies
For starters, elaborate on what you mean by "adding 1 to the hex value"
Do you mean add 1 to a specific color channel in the hex code?
Like if the hex value of the color is 0xF367 would the next just be 0xF368?
That's not how color codes work
Oh. Not well versed in it. Just assumed that's how it works. Mind explaining?
hex color codes are typically in the format of
#AARRGGBB and #RRGGBB
you get two characters per color (or alpha) channel, because that gives you a range of 0-255
and 8-bit color depth is the norm
but to give any better advice i'd need to know how you're displaying this rainbow
and if it wasn't clear, A=alpha (opacity), R=red, G=green, B=blueBest way would be to not use RGB
Or to do calculations in not-RGB and then translate the colors
OKLAB and OKLCH give you best results visually, HSL and HSV are more "correct"
Yep exactly. Pick values for S and L, then whizz round H. Works well.
For reference, here's a rainbow comparison in HSL, LCH, and OKLCH, all of them just changing the hue value: https://codepen.io/Angius/full/VYwGxBr
Other than that, max saturation and 50% brightness
Huh, LCH and OKLCH don't have any yellow at all. I should look into them a bit more
It's possible that I fucked something up lol