Color Picker & Palette Generator

Pick a color, get HEX/RGB/HSL values, generate palettes, and check WCAG contrast ratios.

HEX
RGB
HSL

Contrast Checker

Export Palette

How to use

  • Click the color swatch to open the color picker, or type a HEX value directly.
  • HEX, RGB, and HSL values update in real time — copy any with the Copy button.
  • Click the dice button for a random color.
  • Choose a palette type to generate harmonious color combinations.
  • Click any palette swatch to set it as your active color.
  • The contrast checker shows WCAG AA/AAA pass/fail for white and black text.
  • Export your palette as CSS custom properties or JSON.

Related Tools

JSON Formatter HTML Formatter QR Code Generator Password Generator Markdown Previewer

About this Color Picker

Use this free color picker and palette tool to choose colors and convert between HEX, RGB, and HSL values. It is useful for design, branding, CSS, websites, graphics, and quick color checks. No signup is required, and the tool works on phones, tablets, and desktop browsers.