Color Picker

Free · no signup · runs entirely in your browser

Open the tool →

Gibbler's color picker is one control and three outputs. Click PICK COLOR, your operating system's native color dialog opens, and whatever you land on comes back as a HEX code, an RGB string and an HSL string, each with its own copy button. That is the entire tool. There is no account, no upload, and no step where anything leaves your machine — the picking and the math happen in the browser tab you already have open.

The reason it exists is boring and useful. You need #e63946 for a stylesheet, rgb(230, 57, 70) for a call that wants plain numbers, and hsl(355, 78%, 56%) when you want to hold the hue steady and drag the lightness around. Those are the same color written three ways, and hunting them down on three different sites is a waste of a perfectly good afternoon. Here they update together and sit next to a clipboard button.

The HEX field also takes input. Type or paste a six-digit hex code into it and the swatch, the RGB line and the HSL line all follow. The RGB and HSL boxes are read-only results, so the conversion runs one way: from a picked color or a hex code out to the other two formats.

What it does not do is worth stating plainly. It will not sample a color out of an image, it will not build a palette around your pick, and it will not tell you whether your text passes contrast requirements. Gibbler has a separate palette tool and a separate color-contrast checker for those two jobs. This tab does one thing: get a color, read its codes, copy the one you need, close the tab. Free, no signup, nothing uploaded anywhere.

How to use it

  1. Open the COLORS tab and click PICK COLOR to open your system color dialog.
  2. Choose a color, or type a six-digit hex code straight into the HEX field.
  3. Click the copy button beside HEX, RGB or HSL to send that code to your clipboard.

Worked example

Say you want the red the tool starts on. PICK COLOR lands you on #e63946, and the three fields fill in immediately: HEX reads #e63946, RGB reads rgb(230, 57, 70), HSL reads hsl(355, 78%, 56%). Click the button next to RGB and rgb(230, 57, 70) is on your clipboard, ready to paste. Nudge the picker a shade darker and all three lines update together, so you never copy a HEX from one state and an RGB from another.

FAQ

Can I convert RGB to HEX with it?

Not directly. The HEX box accepts a pasted or typed hex code and updates the swatch, the RGB line and the HSL line from it, but RGB and HSL are read-only outputs. To go the other way you pick the color again in the picker.

Is my color sent anywhere?

No. The picker and the conversions run entirely in your browser, nothing is uploaded anywhere, and there is no account to make. Close the tab and nothing is left behind.

Why give me HSL as well as HEX and RGB?

HSL splits a color into hue, saturation and lightness, so you can keep the hue fixed and change only how light or saturated it is. That is awkward to do by eye in HEX and easy in HSL.

Does it do palettes or contrast checking?

Not in this tab, no. Gibbler has a separate palette tool and a separate color-contrast checker for those; this one only picks a color and hands you its codes.

Open the Color Picker →