Hue variations for 0°

How to use this colour tool

This simple colour tool was created by Keeta Williams. It lets you explore colour variations based on a single hue. Use it for quickly previewing, comparing and copying colour values in your design work.

Select a hue using the slider or number input (0–360°). The grid updates instantly to show that hue across different saturation and lightness levels.

Each square represents a unique colour variation. Click any square to copy its colour value to your clipboard.

Turn on “Show Hex” to display and copy hex codes instead of HSL values.

Text colour automatically adjusts for readability on light or dark colours.