Skip to content
Kordu Tools

Colour Picker

Pick a colour and inspect HEX, RGB, HSL, HSV, CMYK, alpha, and decimal values instantly.

Hue
Alpha

Supports #RGB, #RGBA, #RRGGBB, and #RRGGBBAA.

Pick
Preview

RGB & Alpha

Red
Green
Blue
Alpha

HSV & HSL

Hue
°
Saturation
%
Brightness
%
Lightness (HSL)66%

Copy-ready formats

Hex#5E61F2
Hex + Alpha#5E61F2FF
RGBrgb(94, 97, 242)
RGBArgba(94, 97, 242, 1)
HSLhsl(239, 85%, 66%)
HSLAhsla(239, 85%, 66%, 1)
HSVhsv(239, 61%, 95%)
CMYKcmyk(61.2%, 59.9%, 0.0%, 5.1%)
Decimal6185458

How to use

  1. 1

    Pick your colour

    Use the colour picker to select a colour visually, or type a hex code directly into the input field.

  2. 2

    View all formats

    See your colour displayed in HEX, RGB, RGBA, HSL, HSLA, HSV, CMYK, decimal, and alpha formats alongside a large preview swatch.

  3. 3

    Copy the format you need

    Click the Copy button next to any format to copy it to your clipboard, or fine-tune the numeric channels directly.

Frequently asked questions

Can I paste a hex code directly?
Yes. Type or paste a three, four, six, or eight-digit hex code with or without the # prefix, and all derived values update immediately.
Is my data sent to a server?
No. All colour conversion happens in your browser using standard maths. Nothing is uploaded or stored.
What colour formats are supported?
The tool displays HEX, HEX with alpha, RGB, RGBA, HSL, HSLA, HSV channel values, CMYK, decimal, and alpha percentage outputs.
Does this work with transparency/alpha values?
Yes. You can set alpha directly, inspect both RGBA and HSLA output, and use eight-digit hex values such as #FF000080.

Select any colour using the native colour picker or paste a hex code

to see it displayed in HEX, RGB, RGBA, HSL, HSLA, HSV, CMYK, decimal,

and alpha formats simultaneously. Fine-tune red, green, blue, alpha,

hue, saturation, and brightness values directly, then copy any format

to your clipboard with a single click. The large preview swatch shows

your selected colour at a glance, including transparency. Perfect for

designers and developers who need richer colour data quickly. All

processing runs in your browser with no data sent to any server.

Related tools