Hex to HSL

Worth knowing

• Worth knowing

  10 derived colours are outside sRGB

  Rotating hue at this chroma produces colours a normal screen cannot display, so they have been clipped to the nearest sRGB colour. The hex values shown are therefore not exactly what the maths asked for, and the harmony will look slightly less even than it should.

  Fix: Lower the chroma of the input colour before deriving harmonies, or accept the clipped values as an approximation.

• Worth knowing

  A mid-tone: neither white nor black text reaches AAA

  The best this colour manages is 5.31:1 — against black text. That clears WCAG AA for normal text (4.5:1) but not AAA (7:1). Mid-tones look fine in a mockup and then fail review, because both text colours are only just adequate.

  Fix: Use black text on it, and move the lightness further from the middle if the text has to meet AAA.

• Note

  CMYK here is a naive conversion

  CMYK has no fixed meaning without an output profile — the same numbers print differently on different presses and papers. The value shown is the standard arithmetic conversion, not a colour-managed one.

  Fix: For print work, convert in software with the press profile applied.