Hue shifts of colors

I wrote earlier about the HSB color model. In the HSB model, hue means roughly what color you have on a color wheel. Lately, I have learned how different colors behave across shades.

Light to dark shades

Oftentimes, hues shift up to ~10% between light and dark shades. The chart above shows how hues change as colors get darker. It uses the Tailwind CSS color palette.

The table below sums up how many degrees each hue shifts.

red
+0.0°
orange
-20.3°
amber
-27.1°
yellow
-28.5°
lime
+11.0°
green
+6.4°
emerald
+13.9°
teal
+12.5°
cyan
+13.8°
sky
+0.0°
blue
+12.5°
indigo
+17.9°
violet
+11.2°
purple
+3.5°
fuchsia
+7.7°
pink
+8.9°
rose
-12.6°

Absolute hue values

This second chart shows the actual hue values of each color. Red is the only basic color whose hue stays constant across its shades.

Leave a Reply

Your email address will not be published. Required fields are marked *