https://www.youtube.com/watch?v=fv-wlo8yVhk Your Colours Suck (it’s not your fault) by Acerola

Summary - What I have learnt from this video

  • Terminologies: Colour space, Colour model
  • Perceptually Uniform colour spaces eg CIELAB, OKLAB
  • Instead of using RGB, we can describe colour in another way. Changing colour model from RGB to HSL to create more perceptually uniform colour palettes.
  • HSL, HS(L, V, B) β€” The H stands for Hue, which facilitates using colour theory techniques, β€˜colour harmony’.
  • CIE XYZ is an absolute colour space. Most of everything is derived from CIE XYZ.
  • There are many colour spaces that use RGB colour model.
    • (r, g, b) where the range of value is 0..255

A set of harmonious colours has one dimension in HSL fixed, eg fixed S and vary H and L.

To generate a colour palette using HSL

  • We pick one dimension to be fixed, in this case S is fixed
  • Then we increase the other dimension by the same constant for each step, L + sl and H + sh.
  • To not break the harmony of colours the step size must be the same.

HSL is numerically uniform but not that much perceptually uniform.

OKLAB colour space is derived from CIE XYZ, and it is an alternative to CIE LAB.

The only thing that you need to understand is that OKLAB gradients are much more perceptually correct than HSL.


Additional resources: