What colour formats does the picker support?

HEX (#RRGGBB), RGB, RGBA, HSL, HSLA, HSV, and CMYK. All formats update live as you adjust the colour, so you can copy whichever format your project needs.

How does the eyedropper feature work?

On supported browsers (Chrome, Edge 95+), click the eyedropper icon to sample any pixel on your screen. The colour is captured instantly and converted to all formats.

Can I enter a colour code instead of picking visually?

Yes. Type or paste any HEX, RGB, or HSL value into the input field. The picker jumps to that colour and shows all other format equivalents.

What is the difference between HSL and HSV?

HSL (Hue, Saturation, Lightness) is used in CSS. HSV (Hue, Saturation, Value) is common in design tools like Figma and Photoshop. The picker shows both so you can cross-reference.

Can I save colours to a palette?

Picked colours are stored in a recent-colours row below the picker. Use the Color Palette Generator tool for full palette creation and export.

Does it support transparency (alpha)?

Yes. Adjust the alpha slider to get RGBA or HSLA values with transparency. The preview shows a checkerboard background behind transparent colours.

Is this useful for checking accessibility?

Pair it with the WCAG Contrast Checker to verify that your chosen foreground and background colours meet AA or AAA contrast ratios.

Color Picker

Color Live

Pick colors and copy HEX, RGB, HSL, HSV codes.

About this tool

Color Picker — Pick colors and copy HEX, RGB, HSL, HSV codes. Free, fast and private. Runs entirely in your browser at Quick Calci Tools.

Examples

Common scenarios for the Color Picker.

Brand purple → all formats

hex: #6366F1

rgb(99,102,241) · hsl(239,84%,67%) · hsv(239,59%,95%).

From eyedropper

Pick a pixel from your screen on supported browsers.

Returns the colour in every format at once.

Who uses the Color Picker?

Common scenarios and audiences for this tool.

UI/UX designers

Pick exact brand colours from mockups and copy them as HEX or RGB values directly into Figma, Sketch, or CSS.

Front-end developers

Convert designer-provided colours between HEX, RGB, and HSL for CSS variables, Tailwind configs, or Sass files.

Marketing teams

Match brand-guide colours precisely when building email templates, social graphics, or presentation slides.

Artists & illustrators

Sample reference-photo colours with the eyedropper and translate them into digital paint palettes.

Accessibility auditors

Pick foreground and background colours to test WCAG contrast ratios across an interface.

Frequently asked questions

Everything you need to know about the Color Picker.