ProToolBox

Color picker - grab codes fast

Choose a color or type HEX. You get a big preview, HEX, R/G/B (0-255), and paste-ready rgb() and hsl(). Tap one line or copy the lot. Runs in your browser; no signup.

Color picker - pick, preview, copy

Use the system color control or type HEX. The panel shows HEX, channel numbers, rgb(), and hsl() in one place for CSS.

1 Pick or type · 2 Samples optional · 3 Check the preview · 4 Tap a row or copy results

Your result

Try #2563EB or short #26B. Need a small palette next? Palette generator.

Quick samples

Updates live as you edit.

Preview and every code line update together.

Next: Contrast · HEX → RGB · HEX → HSL · Palette · Gradient · All tools

  • Runs on your device, not our servers
  • Nothing leaves this tab unless you copy it
  • Free and fast
  • No account
  • Same privacy approach as the rest of ProToolbox

When to use it

You need the exact numbers behind a swatch for CSS, a doc, or a ticket. This page is the fast path from eye to clipboard.

  • Matching a screenshot or brand PDF to code
  • Pasting into stylesheets or design tokens
  • Checking values next to your editor
  • Before you run contrast or palette tools

Still a picker—it does not judge your palette; it just hands you the codes.

Keep it open for the “what is this color in code?” moment.

Overview

The browser’s color UI and the HEX field stay linked. The result side lists HEX, R, G, B, and CSS strings so you can paste without retyping.

How it works

  1. Pick a color or type HEX (samples optional).
  2. Watch the preview and the readouts update.
  3. Tap a single value to copy, or Copy color results for the full block.
  4. Next: contrast, HEX/RGB/HSL tools, or a palette (links under the panel).

Privacy: Everything runs in your browser. We do not receive your colors.

FAQ

  • Match Figma or Chrome? Standard sRGB. Displays and profiles can shift what you see—trust the app you ship with.
  • Account? Not required.
  • Phone? Yes—the system color UI works on small screens too.
  • Ship in CSS? Yes—rgb(), hsl(), and HEX are meant for real stylesheets.

Bookmark it when you grab colors all day.

Tools in this category