Free Color Picker - Convert Colors & Generate Palettes

Free online color picker with format conversion. Convert between HEX, RGB, HSL, HSV, CMYK. Generate color harmonies, palettes, shades and tints. Check WCAG contrast.

Color Picker

Color Values

HEX
RGB
HSL
HSV
CMYK

RGB Sliders

R
G
B

Color Harmony

Shades & Tints

Tints (lighter)

Shades (darker)

Contrast Checker

Sample Text

The quick brown fox jumps over the lazy dog

8.59:1

Contrast Ratio

✓ Pass

AA Normal

✓ Pass

AA Large

✓ Pass

AAA

Tips

  • • Click on any color swatch to copy its HEX code to clipboard
  • • Use the contrast checker to ensure your text meets accessibility standards
  • • Generate harmonious color palettes for your designs with one click

About This Tool

Pick and convert colors between HEX, RGB, HSL, HSV, and CMYK formats instantly. Generate beautiful color harmonies (complementary, triadic, tetradic, analogous), create shades and tints, and check WCAG accessibility contrast ratios. Perfect for designers, developers, and anyone working with colors.

Frequently Asked Questions

What color formats are supported?

We support HEX, RGB, RGBA, HSL, HSV/HSB, and CMYK color formats. You can input any format and convert to all others instantly.

What is color harmony?

Color harmony refers to aesthetically pleasing color combinations based on color theory. We support complementary (opposite), triadic (three colors), tetradic (four colors), analogous (adjacent), and split-complementary schemes.

What is WCAG contrast?

WCAG (Web Content Accessibility Guidelines) contrast ratios help ensure text is readable. AA requires 4.5:1 for normal text and 3:1 for large text. AAA requires 7:1 for normal text.

How do I pick a color?

Click and drag on the color canvas to select saturation and brightness. Use the hue slider to change the base color. You can also directly input values in any format.

Is my work saved?

Colors are not saved automatically. Copy the color codes you need before leaving the page.

What are shades and tints?

Shades are created by adding black to a color (darker), while tints are created by adding white (lighter). We generate 9 steps of each for your base color.

Related Tools

Free Base64 Encoder Decoder Online - Encode & Decode Base64

Free online Base64 encoder and decoder. Convert text to Base64 and decode Bas...

Free Diff Checker - Text Compare Tool

Free online diff checker. Compare two text files side by side or inline. Find...

Free Hash Generator - MD5 SHA-256 SHA-512 HMAC Calculator

Free online hash generator. Calculate MD5, SHA-1, SHA-256, SHA-512 hashes. Ge...

Free JSON Formatter & Validator Online - Pretty Print JSON

Free online JSON formatter, validator, and beautifier. Format, minify, and va...

Free JWT Encoder / Decoder - Sign, Verify & Inspect Tokens

Free online JWT Decoder and Encoder. Decode, inspect, verify signatures, edit...

Free Lorem Ipsum Generator - Paragraphs, Sentences, Words

Free online Lorem Ipsum placeholder text generator. Generate paragraphs, sent...

Free Online QR Code Generator - Create Custom QR Codes

Free online QR code generator. Create QR codes for URLs, text, WiFi, vCards. ...

Free & Unlimited TikTok Video Downloader Without Watermark

Download any TikTok video without watermark online for free. Fast, secure, an...

Free Unix Timestamp Converter Online - Epoch Time Tool

Free online Unix timestamp converter. Convert epoch time to date, seconds to ...

Free URL Encoder Decoder Online - Encode & Decode URLs

Free online URL encoder and decoder. Encode special characters for URLs or de...

Free UUID Generator Online - v1, v4, v5, v7 & Bulk Generate

Free online UUID/GUID generator. Generate UUID v1, v4, v5, v7 and Nil UUIDs. ...

Free Word Counter - Character & Text Analyzer

Free online word counter and text analyzer. Count words, characters, sentence...