Color Picker & Converter

Pick colors and convert between different color formats

Click to select a color or enter a hex value manually

Hex Color Code:

Quick Colors:

Different representations of your selected color

HEX:

RGB:

HSL:

RGBA:

HSLA:

#3b82f6

Hex Code

122%

Brightness

Dark

Color Type

Most common format for web design. Uses # followed by 6 characters (0-9, A-F).

Red, Green, Blue values (0-255). RGBA includes alpha for transparency.

Hue (0-360°), Saturation (0-100%), Lightness (0-100%). More intuitive for color adjustments.

Generate random colorCtrl + R

Copy HEX codeCtrl + C

Copy HEXCtrl + 1

Copy RGBCtrl + 2

Copy HSLCtrl + 3

Copy RGBACtrl + 4

Copy HSLACtrl + 5

Frequently Asked Questions

What color formats does the picker support?: Our color picker supports HEX, RGB, RGBA, HSL, HSLA, and HSV color formats. You can easily convert between these formats and copy values for use in your projects.
Can I pick colors from images or screenshots?: The color picker works with the browser's native color input. For picking colors from images, you would need to upload the image and use an eyedropper tool or image editing software.
How do I use these colors in CSS?: Simply copy the color value in your preferred format (HEX, RGB, HSL) and paste it into your CSS. For example: color: #ff5733; or background-color: rgb(255, 87, 51);
Are the color values web-safe?: Modern browsers support millions of colors, so web-safe color palettes are less relevant today. However, consider accessibility and ensure sufficient contrast for text readability.

Follow these simple steps to get started with the Color Picker tool