One colour, every format your project needs. Set it with RGB or HSL sliders, fine-tune the opacity, and copy it as HEX, HEX8, RGB, RGBA, HSL or HSLA — with random colours and a history of your recent picks.
Designers and developers juggle colour formats all day: a designer hands over a HEX, a stylesheet wants HSL, a shadow needs RGBA with opacity. This picker keeps every format in sync — move any slider (red, green, blue, hue, saturation, lightness or opacity) and all six formats update together. The preview sits on a transparency checkerboard so opacity changes are honest, the random button is good for placeholder palettes, and the recent-picks row holds the colours you settled on while you work, so you can jump back without writing anything down.
How to use it
Set your colour — use the visual picker, type a HEX value, or drag the RGB and HSL sliders.
Adjust opacity — the slider from 100% down to fully transparent, previewed on a checkerboard.
Copy the format you need — HEX, HEX8, RGB, RGBA, HSL or HSLA, each with its own copy button.
Keep or shuffle — settled colours land in your recent picks; hit Random colour when you want a fresh idea.
What you get
Six formats, always in sync — HEX, HEX8 (with alpha), RGB, RGBA, HSL and HSLA.
RGB, HSL and opacity sliders — plus a visual picker and direct HEX typing, including 3-digit and 8-digit HEX.
Random colours — generated with secure randomness for palettes and placeholders.
Recent-picks history — tap any swatch to bring a colour back; it lives only in your tab.
Frequently asked questions
What is HEX8 and when do I need it?
HEX8 is a normal 6-digit HEX colour plus two more digits for opacity (alpha) — for example #0B6B3A80 is the library green at 50% opacity. It works in CSS anywhere a colour does, and the picker shows it alongside the RGBA equivalent.
How is opacity shown in RGB and HSL?
With an alpha value between 0 and 1: rgba(11, 107, 58, 0.5) is the same colour at half opacity. The picker converts for you, so you never have to do the maths.
Can I type a colour instead of using the sliders?
Yes — type any 3-digit, 6-digit or 8-digit HEX value (with or without the #) and the sliders and formats all update.
Are my recent picks saved anywhere?
No. The history lives in the page while the tab is open and disappears when you leave — nothing is uploaded or stored.