Color Picker & Palette Generator

Color Picker & Palette

Pick colors in HEX, RGB, HSL. Generate palettes. Contrast checker for accessibility.

100% private - everything runs in your browser, no data is sent anywhere

Complementary

Analogous

Triadic

Split-Complementary

Contrast Checker

Sample Text Preview

This is how your text will look against the background.

17.06:1AA PassAAA PassAA Large Pass
Was this tool helpful?Report an issue

Related Tools

Image Compressor

Compress JPEG, PNG, WebP images up to 90% smaller. All processing in your browser.

most popular

JSON Formatter

Beautify, minify and validate JSON. Catches Unexpected token, trailing comma, invalid characters and other RFC 8259 errors with line + column.

dev

Base64 Encoder/Decoder

Encode and decode text, files, images to and from Base64. Auto-detect mode.

base64 encoder

Color Picker - HEX, RGB, HSL Converter and Palette Generator

Colors in digital design are expressed in different formats depending on the context. HEX codes (like #FF5733) are used in web design and CSS. RGB values (Red, Green, Blue) define colors by the intensity of each primary color component. HSL (Hue, Saturation, Lightness) is more intuitive for designers to work with. Our tool converts between all formats instantly.

Color contrast is critical for accessibility - the Web Content Accessibility Guidelines (WCAG) require a minimum contrast ratio of 4.5:1 for normal text and 3:1 for large text against its background.

Color Formats Explained

  • HEX: #RRGGBB - used in CSS, HTML, design tools
  • RGB: rgb(255, 87, 51) - 0-255 per channel
  • HSL: hsl(14, 100%, 60%) - intuitive for design
  • CMYK: used in print design and professional printing
  • WCAG AA: minimum 4.5:1 contrast for text
  • WCAG AAA: enhanced 7:1 contrast ratio

Frequently Asked Questions

How does the color picker work?+
Choose a color visually or enter a value in HEX, RGB, or HSL format. The tool shows all format conversions and lets you copy the values.
Can I extract colors from an image?+
The tool focuses on color selection and conversion between formats. You can manually enter any color value you find.
What color formats are supported?+
HEX, RGB, HSL, and other common CSS color formats are supported with instant conversion between them.