Color Picker

Pick a color and copy values in HEX, RGB, and CSS.

HEX: #3b82f6
RGB: 59, 130, 246
CSS: rgb(59, 130, 246)

What is Color Picker?

Use the native color picker to choose a color and see HEX, RGB, and CSS values you can copy.

FAQ

Is this tool free to use?

Yes. This tool is available to use for free.

Does the tool run in the browser?

Yes. The logic runs client-side in your browser.

Is my data uploaded to a server?

No. Your input stays in your browser and is not uploaded by this tool.

Can I use this tool for large files?

It depends on your device and browser. Very large inputs may be slow; for huge files, use a local CLI tool.

Example usage

Input

#3b82f6

Output

rgb(59, 130, 246)

How to use

  1. Use the color input to pick a color (or type a HEX code)
  2. View HEX, RGB, and css() values
  3. Copy the format you need

Related Tools

Color Converter

Convert HEX ↔ RGB ↔ HSL.

Open Tool

HEX to RGB

Convert HEX colors to RGB.

Open Tool

RGB to HEX

Convert RGB colors to HEX.

Open Tool

Gradient Generator

Generate CSS gradients and preview them.

Open Tool

CSS Shadow Generator

Generate CSS box-shadow values with preview.

Open Tool

JSON Formatter

Format, validate, and beautify JSON with syntax highlighting.

Open Tool

Popular Tools

JSON Formatter

Format, validate, and beautify JSON with syntax highlighting.

Open Tool

Regex Tester

Test regular expressions and highlight matches.

Open Tool

Base64 Encoder

Encode text to Base64.

Open Tool

UUID Generator

Generate UUID v4 identifiers.

Open Tool

JWT Decoder

Decode and inspect JWT header and payload.

Open Tool