RGB spectrum (click to select)

Top square: visual spectrum — X = Hue (0°→360°), Y = Saturation (100%→0%). Lightness is controlled below.

Lightness 50% Block size 4px

Drag inside the top square to preview colors; click to lock selection. Adjust lightness to shift the brightness of the displayed spectrum. "Block size" controls how large each drawn square is (smaller = smoother).

HSL: —

RGB: —

Hex: —

Click the top square to pick a color. Move the mouse to preview without selecting.