ToolStack

Color Picker

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

100% private — everything runs in your browser

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

Image Color PickerPick exact colours from any image and get hex, RGB and HSL values.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.