Color Picker

From ToolzPedia, the free tools encyclopedia
This is one of several design tools. For the full list of utilities, see All tools.

Color Picker is a free online design tools hosted on ToolzPedia. Pick colors visually with HEX, RGB and HSL outputs. Copy any format with one click. The tool runs entirely in the browser and requires no account or installation.

Use the tool edit

HEX
RGB
HSL
RGBA
HSLa
Saved Colors

How to use Color Picker edit

Follow these steps to use the tool:

  1. Pick a color

    Click or drag on the color canvas to select a hue and saturation.

  2. Adjust hue & alpha

    Use the hue slider to change color, and the alpha slider for transparency.

  3. Copy any format

    Click Copy next to HEX, RGB, HSL, RGBA or HSLa to grab the value for your CSS.

  4. Save to palette

    Hit + Save to collect your favourite colors for the current session.

Frequently asked questions edit

HEX is a compact hexadecimal notation used in HTML/CSS (#3b82f6). RGB specifies red, green and blue channels as 0–255 integers. HSL uses Hue (0–360°), Saturation (0–100%) and Lightness (0–100%), which is more intuitive for designers.
Alpha controls transparency, from 0 (fully transparent) to 1 (fully opaque). It is included in RGBA and HSLa formats for CSS.
Yes. Edit the HEX input field and press Enter or click away. The picker updates to match.
No. The saved palette is session-only and resets when you close the page. Copy your values before leaving.

Other free design tools available on ToolzPedia:

🌈

Gradient Generator

Create beautiful CSS linear, radial and conic gradients visually. Copy the CSS code instantly.

New Use tool →

See also edit