Color Picker & Converter Online

How to Use the Color Converter

Click the color swatch to open the native color picker, or type directly into any of the three input fields. All formats update instantly.

Color Formats Explained

• HEX: #rrggbb — used in CSS, HTML, and design tools

• RGB: rgb(r, g, b) — red, green, blue, each 0–255

• HSL: hsl(h, s%, l%) — hue (0–360°), saturation, lightness — intuitive for color adjustments

Common Use Cases

• Convert design tool colors (Figma, Sketch) to CSS.

• Check contrast ratios by adjusting lightness in HSL.

• Build consistent color palettes by tweaking hue in HSL.

API Example

Convert colors programmatically with the REST API (requires API key, $5/mo):

## HEX to RGB + HSL
curl -X POST https://apitoolkit.pro/api/v1/color \
  -H "X-Api-Key: YOUR_API_KEY" \
  -H "Content-Type: application/json" \
  -d '{"input":"#6366f1","from":"hex"}'

## Response
{ "hex": "#6366f1", "rgb": "rgb(99, 102, 241)", "hsl": "hsl(239, 84%, 67%)" }

## RGB to HEX + HSL
curl -X POST https://apitoolkit.pro/api/v1/color \
  -H "X-Api-Key: YOUR_API_KEY" \
  -d '{"input":"99, 102, 241","from":"rgb"}'

Get API Key — $5/mo →

Other Free Developer Tools