MENU
Free tools for CSV, Excel, images and text
  1. Home
  2. Color Picker | HEX, RGB, HSL and CMYK

Color Picker | HEX, RGB, HSL and CMYK

Choose a color from the palette
and get its color code for free

Pick HEX colors and adjust opacity.

HelloChecking…

Color Picker

About this tool

Choose colors from a list, palette or numeric input, then view and copy several color formats together.

Choose from the color swatches

Choose a swatch to update every color value. Use the palette or numeric fields below for finer adjustments.

Choose a color

Selected color

With transparency
White text sample Black text sample
Without transparency

You can change the color values.

Color values

HEX

HEX8

RGB

RGBA

HSL

HSLA

HSV / HSB

CMYK (approximate)

How-to guide Color Picker

Choose a color and copy the format you need.

Select a color from a list, palette or numeric input. Adjust opacity and check several formats including HEX and RGB for websites and documents.

Choose from a list, palette or numeric valuesAdjust opacityConvert between color formats

How to use

  1. STEP 01

    Choose a color

    Choose from the color list or adjust the palette and hue. If you already know a color value, enter it in the matching field.

  2. STEP 02

    Check opacity and appearance

    Adjust opacity and compare the displays with and without transparency. Check the examples with white and black text too.

  3. STEP 03

    Copy the required format

    Select the copy button for the destination’s format. Changing a value also updates the other color formats.

Choosing a color format

HEX / HEX8
HEX represents color; HEX8 also includes opacity. Check whether the destination supports eight-digit color codes.
RGB / RGBA
Represents red, green and blue values. RGBA also includes opacity.
HSL / HSLA
Represents hue, saturation and lightness. HSLA also supports opacity.
HSV / HSB
Represents hue, saturation and brightness. Use the format expected by your software.
CMYK (approximate)
An estimate calculated from a screen color. It does not reproduce specific inks, paper or print settings.
Use the same color in another format

Check a color in the HEX field, then copy its RGB value for an app that requires RGB input.

Useful for

Website colors

Choose colors for backgrounds and buttons.

Creating documents

View an existing color code in another format.

Transparent colors

Adjust opacity to check how colors look when layered.

Processing and data

Color selection and conversion run in your browser. Use each format’s copy button to transfer the chosen color to another app.

Frequently asked questions

Can I pick a color directly from the screen?

This tool selects, adjusts and converts colors. Use the Screen Color Eyedropper to pick a color from the screen.

Will the CMYK values print exactly the same color?

Print color is not guaranteed. Use these as estimates and check the printer’s requirements and actual print samples.

Does changing opacity change HEX?

Use HEX8, RGBA or HSLA to include opacity. Standard HEX and RGB alone do not represent transparency.

Why does a color look different on another screen?

Brightness, color settings and background colors affect appearance. Check the color in the environment where it will be used.

Share feedback or report a bug