Hex Color Picker

Free hex color picker with multiple output formats: HEX, RGB, HSL, and CMYK. Features interactive color picker, RGB/HSL sliders, color harmonies (complementary, triadic, analogous), WCAG contrast checker for accessibility, and saveable color palettes.

#7C3AED
HEX
#7C3AED
RGB
rgb(124, 58, 237)
HSL
hsl(262, 83%, 58%)
CMYK
cmyk(48%, 76%, 0%, 7%)
RGB Sliders
Red
124
Green
58
Blue
237
HSL Sliders
Hue
262deg
Saturation
83%
Lightness
58%
Color Harmonies
Complementary
Triadic
Analogous
Split-Complementary
WCAG Contrast Checker
Sample Text Preview
Contrast Ratio: 5.70:1
PASS
AA Normal
4.5:1
PASS
AA Large
3:1
FAIL
AAA Normal
7:1
PASS
AAA Large
4.5:1

Color Formats Reference

HEX6-digit hexadecimal. Most common web format.
RGBRed, Green, Blue channels (0-255 each).
HSLHue, Saturation, Lightness. Intuitive for design.
CMYKCyan, Magenta, Yellow, Key. Used in print.
CSS Named147 predefined color keywords in CSS.
WCAGWeb accessibility guidelines for contrast ratios.

How to Use Hex Color Picker

  1. 1Use the color picker or enter a color code manually.
  2. 2View the color in all formats (HEX, RGB, HSL, CMYK).
  3. 3Check color harmonies for design inspiration.
  4. 4Use the contrast checker for accessibility compliance.

Frequently Asked Questions

What is a hex color code?

A hex color code is a 6-character code starting with # that represents a color using hexadecimal values. The format is #RRGGBB where each pair is 00-FF (0-255 in decimal).

What is WCAG contrast?

WCAG (Web Content Accessibility Guidelines) requires a contrast ratio of at least 4.5:1 for normal text (AA) and 7:1 for enhanced (AAA). This ensures text is readable for people with visual impairments.

What are complementary colors?

Complementary colors are opposite each other on the color wheel (e.g., red and green, blue and orange). They create high contrast and visual impact when used together.

About Hex Color Picker

Free hex color picker with multiple output formats: HEX, RGB, HSL, and CMYK. Features interactive color picker, RGB/HSL sliders, color harmonies (complementary, triadic, analogous), WCAG contrast checker for accessibility, and saveable color palettes.

NexTool's Hex Color Picker is completely free to use with no sign-up required. Your data is processed directly in your browser and never sent to our servers, ensuring complete privacy and instant results.

Stay Updated

Get notified about new tools, features, and exclusive deals. No spam, ever.