AnyTool
Your files never leave your device. All processing happens locally in your browser.

How do I pick a color and convert HEX to RGB?

Pick a color in AnyTool's Color Picker or type any HEX, RGB, HSL, HSV, or OKLCH value, and every other format updates live. Build harmonies, gradients, and shades, and check WCAG contrast. Everything runs in your browser with nothing uploaded.

  • Live HEX, RGB, HSL, HSV, CMYK, and OKLCH conversion
  • Color harmonies, shades/tints, and a gradient builder
  • WCAG contrast checker and native screen eyedropper
  • 100% in your browser — no upload, no signup, free

What is

Color Picker

A color picker lets you choose a color visually or by value and converts it between formats — HEX, RGB, HSL, HSV, CMYK, and OKLCH. It often adds harmonies, shade ramps, gradients, and a WCAG contrast checker for accessibility.

Developer Tools

Related terms

HEXRGBOKLCHWCAG Contrast

How to Pick and Convert a Color

Pick a color and convert between formats entirely in your browser.

15 secWeb browser
  1. 1

    Choose a color

    Use the picker, type a value, or sample with the eyedropper.

  2. 2

    Read all formats

    HEX, RGB, HSL, HSV, CMYK, and OKLCH update live; copy any of them.

  3. 3

    Explore & check

    Generate harmonies, shades, and gradients, and verify WCAG contrast.

Result: Color values, palettes, and contrast results

Frequently Asked Questions

Yes — it is completely free with unlimited saved swatches and no signup.

AnyTool's Color Picker has no account walls or feature gating; saved swatches and palettes are stored locally in your browser, unlike tools that cap free palettes or require a login.

Yes — it uses the native EyeDropper API on supported browsers, with an image fallback.

On Chrome and Edge you can sample any pixel on screen with the EyeDropper API; elsewhere you can pick from an uploaded image, which stays local on your device.

Yes — it computes the WCAG contrast ratio with AA/AAA pass/fail.

Enter foreground and background colors and the tool shows the contrast ratio and whether it passes WCAG AA and AAA for normal and large text, updating live.

Detailed Explanation

Methodology

How the Color Picker Works

AnyTool converts colors across HEX, RGB, HSL, HSV, CMYK, and modern OKLCH/OKLAB using the culori library with proper gamut mapping (CSS Color Module 4). Editing any field updates all others live, and the tool generates harmonies, shade/tint ramps, and CSS gradients. The WCAG contrast checker computes the relative-luminance ratio with AA/AAA verdicts. Screen color picking uses the native EyeDropper API where available, falling back to a canvas eyedropper on uploaded images that stay local. Saved swatches persist in localStorage with no account.

  • culori-based conversion incl. OKLCH/OKLAB and P3 gamut
  • Harmonies, shades/tints, and CSS gradient builder
  • WCAG contrast checker (AA/AAA)
  • Native EyeDropper API with image fallback
  • Unlimited localStorage swatches; no upload, no signup