Color wheel
Pick a hue, move around the color field, or enter exact HSL, RGB, or hex values. Every control updates the same live preview.
Drag the ring for hue and the square for saturation and luminosity. The controls below also work with a keyboard.
Color preview
Enter a 3 or 6 digit hex color, with or without #.
Reading the controls
Hue is the color family around the wheel. Saturation moves from gray to vivid color. Luminosity is HSL lightness: 0% is black, 50% gives the purest color, and 100% is white. RGB sets the amount of red, green, and blue light directly.
Hex is the same RGB color written in a compact form, useful for CSS and design apps. Values here use standard sRGB color.
Learn how to use these choices in a photograph in Color Theory in Photography.