Color Converter

How to use

1. Enter a HEX or RGB color
2. View synced HEX, RGB, and HSL values
3. Copy or share your color

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 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.

Frequently asked questions