Color Generation Using the Golden Ratio
For my final in my Color Theory class, I was doing some research into how math and color theory can overlap. One common intersection between math and art/design is with the Golden Ratio. There is a Golden Ratio color palette that already exists here, and it uses the golden ratio to pick the numbers for each R, G, B value. However, I also found this article on using the Golden Ratio as an angle (the Golden Angle - 137 degrees), and how rotating by that angle around the color wheel can lead to "an infinite list of unique contrasting colors," but then the article asked me to create and account to read beyond three paragraphs.
I ran with the concept, and I decided to code a "color palette generator" where the user inputs their desired starting color, and the script returns the next five colors found by rotating 137 degrees around the HSL color wheel. By the 6th color, it returns to being very close to the same as the starting color, so I decided to end it at 5.
In this script, I converted hexadecimal colors to RGB value, and then the HSL values. Then I increased the Hue value of the HSL vector by 137 degrees and converted back. All this to say - the saturation and lightness of the colors will remain at the same setting, and the hue is what changes.
The idea was to see how these colors look together - whether they could consistently go together as a "palette," whether they seem random, or whether they contrast. This is definitely not a perfect tool, and has a few glitches, but overall, it does the job of exploring how the Golden Angle colors relate to each other.
Coded using Python, HTML, and PyScript.
Usage notes: This will give you an error pop up if you select black (#00000). It occasionally will glitch and have the tones be off between colors, but selecting another color will usually reset it. If another unknown error message pops up, reloading the page will remove it.
For my final in my Color Theory class, I was doing some research into how math and color theory can overlap. One common intersection between math and art/design is with the Golden Ratio. There is a Golden Ratio color palette that already exists here, and it uses the golden ratio to pick the numbers for each R, G, B value. However, I also found this article on using the Golden Ratio as an angle (the Golden Angle - 137 degrees), and how rotating by that angle around the color wheel can lead to "an infinite list of unique contrasting colors," but then the article asked me to create and account to read beyond three paragraphs.
I ran with the concept, and I decided to code a "color palette generator" where the user inputs their desired starting color, and the script returns the next five colors found by rotating 137 degrees around the HSL color wheel. By the 6th color, it returns to being very close to the same as the starting color, so I decided to end it at 5.
In this script, I converted hexadecimal colors to RGB value, and then the HSL values. Then I increased the Hue value of the HSL vector by 137 degrees and converted back. All this to say - the saturation and lightness of the colors will remain at the same setting, and the hue is what changes.
The idea was to see how these colors look together - whether they could consistently go together as a "palette," whether they seem random, or whether they contrast. This is definitely not a perfect tool, and has a few glitches, but overall, it does the job of exploring how the Golden Angle colors relate to each other.
Coded using Python, HTML, and PyScript.
Usage notes: This will give you an error pop up if you select black (#00000). It occasionally will glitch and have the tones be off between colors, but selecting another color will usually reset it. If another unknown error message pops up, reloading the page will remove it.