About the color picker
The picker keeps RGB as the stored value and derives the others for display. That matters more than it sounds: converting to HSL and back is not lossless in whole numbers, so a tool that stores HSL drifts a unit or two every time you touch a slider.
The complement is the colour opposite on the wheel - the hue rotated 180 degrees, with saturation and lightness kept. It is a starting point for a two-colour scheme rather than an answer.
Frequently asked questions
- Is anything I enter sent to a server?
- No. Every calculation runs inside your browser, and nothing you type or pick is uploaded, stored or logged. The page keeps working with the network disconnected.
- What is the difference between HSL and HSV?
- Both describe a colour by hue, but they measure the other two differently. In HSL, 50% lightness is the most saturated version of a hue and 100% is always white. In HSV, 100% value is the most saturated version and white only happens when saturation is zero. Design tools tend to use HSL; image editors tend to use HSV.
- Why does the hex value have eight digits sometimes?
- The last two are the alpha channel. #3366ff80 is the same blue at 50% opacity. Six digits means fully opaque.
- Can I paste a colour in?
- Yes. The text field accepts hex with or without the hash, rgb() and hsl() in either the comma or the space syntax, and common names.
Related web tools
How your data is handled
Everything happens on your device. There is no upload, no storage and no logging. Closing the tab clears everything you entered.