Color Picker

Pick colors and convert between HEX, RGB, HSL and CSS named values.

Color Picker lets you choose any color visually and immediately see its HEX, RGB, HSL, and CSS-ready notation side by side. Type one format and the others update in real time, so you can convert between them as fast as you can think about color. It is the tool every designer and developer ends up using a dozen times a day during a design build — converting Figma colors to CSS variables, matching brand colors from a screenshot, building Tailwind theme palettes, or just picking a foreground color that works on a given background. The visual picker uses a saturation field plus a hue slider, the same paradigm every major design tool uses, so it feels immediately familiar. Use it when you need to convert a hex code from a brand guide to an HSL value for a CSS custom property, when you are building a color system and want to see all representations at once, when you are debugging a color that looks different in Chrome and Safari, or when you are matching a screenshot color to a usable CSS value. One-click copy of every format means there is no transcription risk.

How Color Picker works

Color Picker is a free browser-based utility from Salah Tools Hub. It is designed to give you an immediate result without an account, subscription, or upload to a remote server.

Enter your information into the tool after the page loads, review the result, and use the available copy or download controls. Your input stays on your device while the tool is running.