Color Picker & Converter — HEX, RGB, HSL

Pick a color visually or convert between HEX, RGB, and HSL formats.

How It Works

  1. 1Upload your file by dragging it into the drop zone or clicking to browse.
  2. 2Adjust the quality slider to balance file size and visual fidelity (optional).
  3. 3Click Download to save your converted file.

About Color Picker & Converter

Working with colors in CSS? This tool lets you pick a color visually using a gradient picker, or enter values in HEX, RGB, or HSL format. All formats update in real time as you adjust. Copy any format to clipboard with one click. Includes a palette of recently used colors. Everything runs in your browser.

Frequently Asked Questions

What color formats are supported?

HEX (#RRGGBB), RGB (0-255 per channel), and HSL (hue 0-360°, saturation 0-100%, lightness 0-100%). All formats update in sync.

Related Tools

CSS Gradient Generator

Build beautiful CSS gradients visually — linear, radial, and conic. Copy the CSS code.

Box Shadow Generator

Build CSS box shadows visually with multiple layers. Copy the CSS code. Free, browser-based.

Image Color Palette

Extract dominant colors from any image. Get hex codes and a downloadable palette. Free, browser-based.

QR Code Generator

Generate QR codes from text or URLs. Customize colors and download as PNG or SVG.