Interactive Color Picker & Format Inspector

Interactive Color Picker & Format Inspector

Local Processing

Select colors visually and inspect simultaneous HEX, RGB, HSL, HSV, and CMYK representations.

How It Works & Processing Standards

Select colors visually and inspect simultaneous HEX, RGB, HSL, HSV, and CMYK representations.

Tool processing runs in your browser. If you create a calculator or conversion share link, its values are included in the URL. See the privacy policy for account, analytics and advertising data.

Current Limits

  • Maximum input length: 100,000 characters

Choose a color visually and copy its code in several notations. On some devices the picker also has an eyedropper to sample colors from the screen.

What You Can Do

Color picker
Uses the browser’s built-in picker.
Five codes
HEX, RGB, HSL, HSV and CMYK together.

How to Use Interactive Color Picker & Format Inspector

  1. 1
    Pick a colorOpen the swatch or type a HEX value.
  2. 2
    Copy the codeCopy the notation you need.

Examples

Tomato
Input: #ff6347
Result: rgb(255, 99, 71), hsl(9.1, 100%, 63.9%), cmyk(0%, 61.18%, 72.16%, 0%)

Common Use Cases

  • Choosing a color for a web page or app and getting its code
  • Finding a similar color when you only know its name

Frequently Asked Questions (FAQ)

Can I sample a color from elsewhere on screen?

Desktop Chrome, Edge and others include an eyedropper in the picker. Support depends on your browser and OS.

Have feedback or ideas for this tool? Suggest & Inquire →