Color Picker
Pick a color with the native color wheel provided by your operating system or browser, or enter a HEX, RGB or HSL code directly. The picker synchronizes the color and all three notations instantly, so you can copy each value separately. Everything happens entirely client-side in your browser — nothing is sent to our server, nothing is stored, and no account is required.
What people use this for
#2563EB → rgb(37, 99, 235) → hsl(221, 83%, 53%)#059669 → rgb(5, 150, 105) → hsl(161, 94%, 30%)#DC2626 → rgb(220, 38, 38) → hsl(0, 72%, 51%)#ABC → #AABBCC → rgb(170, 187, 204)
What others think of this tool
No reviews for this tool yet. Yours would be the first.
Do you work with Westcube?
Leave a review on Google tooFrequently asked questions
What's the difference between HEX, RGB and HSL?
They're three ways of describing the exact same color. HEX (for example #2563EB) is a compact hexadecimal notation that's the default in CSS and most design tools — each color component (red, green, blue) is written as a two-digit hexadecimal number from 00 to FF. RGB (for example rgb(37, 99, 235)) writes those same components as decimal numbers from 0 to 255, matching how screens build up color. HSL (hue 0-360°, saturation and lightness, both as percentages) is more intuitive to design with: to make the same color lighter or darker, you only change the lightness value without losing the hue. This page converts effortlessly between all three notations.
Can I type a HEX code myself instead of using the color wheel?
Yes. Next to the visual color wheel picker there are fields for HEX, RGB and HSL. As soon as one code is valid, the swatch, color wheel and the other two values update automatically.
What is the 3-digit HEX shorthand like #ABC?
A shortened notation where each digit is doubled: #ABC is equivalent to #AABBCC. This only works when both digits of a component would be identical (like AA, BB, CC) — so #ABC can't express every possible color, only a limited subset. Both the HEX text field next to the visual picker and the HEX ↔ RGB section automatically detect and expand the shorthand, so you can enter either #ABC or #AABBCC anywhere on this page and get the same RGB value back.
Does this tool also support transparency (RGBA or 8-digit HEX)?
No, this tool deliberately handles only fully opaque colors (6- or 3-digit HEX and 3-value RGB, no alpha channel), both in the color wheel and in the HEX ↔ RGB section. Transparency is usually added separately in CSS via the opacity property or a fourth RGBA value; the color value itself stays the same regardless of transparency, so it isn't needed for the core color-to-color conversion here.
Is the color I pick or enter stored anywhere?
No. Both the visual picking and the text conversion happen entirely locally in your browser, using the standard HTML color picker and plain JavaScript calculations. Nothing is sent to any Westcube server (or anyone else's), nothing is logged, and nothing is retained. Close the tab and your input is gone — unless you copied the value yourself.