Fun with Colour Harmonies in Swift

Hi All!

Recently I started getting back into Swift with a new role, and I thought I ought to practice some stuff with small side projects. 

At a similar time, I learned about Colour Harmonies. The theory is, given a colour, there are colours that perfectly match it. I've always really had a poor eye for creating colours that go together, so to find out there was a mathematical relationship between what two/three/four colours "Look good", I was very excited. 

As described in the link above, there are a few colour harmonies I wanted to be able to produce: Complementary, Analogous, Triadic, Square, Rectangular and Split-Complementary.

First up, I thought this was a perfect chance to use a Category, er, I mean Extension on UIColor. From here, each colour complement could be an instance property.  Cool. 

From there, I needed to do the math. 

From the looks of the diagram, the colours were represented in the HSV (Hue, Saturation, Value, Alpha) colour space, divided into groups of 12. So, I had to first convert the colour from RGB, which we use in UIKit to HSV. For convenience, there is actually a conversion API built into UIKit. They call it HSBA (Hue, Saturation, Brightness, Alpha).

Once converted, I learned the Hue was the angle around the circular colour wheel. 
 

HBq9I.png

So, from here I needed to just add on the angle desired (180 degrees for complementary for example) and then normalise the value to find the hue of the new colour. The remaining components would stay the same. Reconstruct the RGB value again, and then we have a colour. 
For the angles, I used multiples of 12ths, since the diagram I was looking at the time was using that, and then I coded each complement in terms of 1/12ths around the wheel. Easy enough. One could use 1-360 too though, of course.

The final extension is on my GitHub here. There is also a small sample app, which you can see in action below.


Final questions I have, maybe you know. Maybe you leave a comment or a pull request?

  • Is there a way I could have done this more Swiftier?
  • Could the code be more efficient?
  • Could stored properties, calculated properties be used more effectively here?

Thats all for now! Feel free to use in your projects via GitHub. There are almost certainly other libraries for this, and they're probably a better solution for you. I don't mind, I learned some stuff. Hope you did too looking at this post and the code.

Thanks for reading,

Sam


PS: I spell colour funny, yes, that's how we spell it here in New Zealand. Sorry. 

Book Recommendation: Give and Take

I've just finished Give and Take by Adam Grant. My manager suggested I read it and leant me his copy a couple of months ago.

I've just put it down, and I must say, it's one of the best (and only - don't judge) books I've read in a long time. It talks about reciprocity styles, those who give more, those who match, and those who take more. It argues for being a giver - giving more, creating more opportunity for everyone to succeed. It provides many examples from people, backed up with many, many studies.

I also try my hardest to be a giver. Over the last few years, I've upped my volunteering, done more talks, written more content, and learned to take less. I'm seeing benefits pop up from all of that, in many unexpected and wonderful ways. This book told me why that was happening, and most importantly, to keep going. 

Give it a read.