Skip to content
HeyTools

Color Tools

Color Picker

Pick a color with the native swatch or type HEX, RGB, and HSL values kept in sync. Copy any format or share via URL.

Loading tool…

How to use

  1. Pick a color with the swatch or type a value
  2. Copy HEX, RGB, or HSL
  3. Share the color via URL

Next step

  • Contrast Checker

    Check foreground and background color contrast for WCAG 2.x. See the ratio plus AA/AAA pass flags for normal and large text with a live preview.

  • Color Blindness Simulator

    Simulate protanopia, deuteranopia, tritanopia, or achromatopsia on hex color palettes or uploaded images. Preview how designs appear to color-vision-deficient users.

  • Color Converter

    Convert colors between HEX, RGB, and HSL formats instantly.

Frequently asked questions

Which formats sync?

HEX, RGB, and HSL fields stay in sync, along with the native browser color input.

Can I share a picked color?

Yes. Share link stores the hex value in the URL query string.