ToolStack

Color Picker

Pick any color and copy its HEX, RGB, HSL and HSV values instantly.

100% private — everything runs in your browser

Advertisement

How to Use

  1. 1

    Click the color area to open your browser's color picker and choose any color.

  2. 2

    Or type a HEX code such as #3B82F6 into the input field.

  3. 3

    Copy the value you need — HEX, RGB, HSL or HSV — with one click.

  4. 4

    Recently picked colors appear below and can be reused with a click.

Examples

Pick a blue

Input

#3B82F6

Output

HEX #3B82F6 · RGB rgb(59, 130, 246) · HSL hsl(217, 91%, 60%) · HSV hsv(217, 76%, 96%)

Three-digit shorthand

Input

#F00

Output

HEX #FF0000 · RGB rgb(255, 0, 0) · HSL hsl(0, 100%, 50%)

FAQ

Which color formats does it show?

Four: HEX, RGB, HSL and HSV. Copy whichever format you need with one click.

What is HSV used for?

HSV (hue, saturation, value) is common in design software — it makes adjusting saturation and brightness separately easy.

Are picked colors stored anywhere?

No — recent colors live in this page only and disappear when you reload. Nothing is sent to a server.

Related Tools

Color ConverterConvert between HEX, RGB, HSL, HSV and HWB color formats in any direction.HEX to RGBConvert HEX color codes to RGB values instantly — free and private.CSS Color GeneratorTurn a base color into a 10-step shade scale and export it as CSS variables.RGB to HEXConvert RGB values to a HEX color code instantly — free and private.Gradient GeneratorCreate CSS linear and radial gradients visually and copy the CSS code.Contrast CheckerCheck the WCAG contrast ratio between text and background colors instantly.