# Color Picker

> Pick any color and copy it as HEX, RGB, or HSL.

URL: https://uttir.com/color-picker
Categories: color-tools, web-tools
Privacy: Color values are processed locally in your browser.

## About

A visual color picker with live conversion to the three formats developers and designers use most: HEX for CSS and design tools, RGB for code, and HSL for thinking about hue, saturation, and lightness.

Type a HEX value or use the native picker — every format updates instantly and can be copied with one click.

## How to use

1. **Pick or type a color** — Use the swatch picker or enter a HEX code directly.
2. **Copy the format you need** — HEX, RGB, and HSL are shown with copy buttons.

## Examples

### A vivid indigo

One color, three formats.

Input:

```
#4f46e5
```

Output:

```
rgb(79, 70, 229) · hsl(243, 75%, 59%)
```

## FAQ

### Which format should I use?

HEX is the most common in CSS and design tools. RGB matches screen pixels and is handy in code. HSL is the most human-readable when adjusting shades.

### What is the difference between HEX, RGB, and HSL?

HEX is a compact way to write RGB (#RRGGBB). RGB is the red/green/blue components, each 0-255. HSL is hue (the color), saturation (how vivid), and lightness (how bright). HSL is usually easier to tweak by hand.

### Does the picker support alpha / transparency?

Yes. Both RGBA and HSLA accept an alpha component from 0 (fully transparent) to 1 (fully opaque). The output includes the 8-digit HEX (#RRGGBBAA) when alpha is set.

### How do I get the exact color of a pixel in an image?

Drop an image into the eyedropper area, then click the pixel you want. The tool reads the RGB value at that pixel and shows HEX, RGB, HSL, and CMYK equivalents.

## Related tools

- [HEX to RGB](https://uttir.com/hex-to-rgb) — Convert any HEX color code to its RGB and HSL equivalents.
- [RGB to HEX](https://uttir.com/rgb-to-hex) — Convert RGB values (0–255) into a HEX color code.
- [Contrast Checker](https://uttir.com/contrast-checker) — Check text/background color pairs against WCAG AA and AAA contrast requirements.

---

For the full HTML page with the live tool, visit https://uttir.com/color-picker.
This file is the markdown rendering at https://uttir.com/color-picker.md. See https://uttir.com/llms.txt for a site-wide summary.