EN عر

Color Picker

Pick any color from an image or your screen and get HEX, RGB, and HSL codes instantly — runs entirely in your browser.

Or pick a color from an image

Drag image here or click to upload
مكبّر البكسل
HEX
RGB
HSL

Recent Colors

The tool automatically displays HEX, RGB, and HSL simultaneously when any colour is picked, so no manual conversion is needed.
You can copy colour codes one by one and save them in a file. Some tool versions support direct palette export.
Yes, after the page loads the tool runs entirely in your browser without needing any internet connection.

How to Use the Color Picker

1

Upload an Image

Drag any image onto the drop zone, click to browse, or paste it with Ctrl+V.

2

Click on a Color

Hover over the image to see the magnifier, then click any pixel to extract its color.

3

Pick from Screen

In Chrome and Edge, press "Pick from Screen" to capture any color visible on your screen.

4

Copy the Code

After picking a color, click any Copy button to copy HEX, RGB, or HSL to your clipboard.

What Is the Color Picker?

Adawix Color Picker is a professional tool for extracting colors from images or anywhere on your screen — no plugins needed. It supports two methods: upload an image and click any pixel using the built-in zoom magnifier for precision; or use the EyeDropper API in Chrome and Edge to capture any color on screen from any application. Results are shown in three formats: HEX (e.g. #FF5733) used in CSS and web design, RGB (e.g. rgb(255, 87, 51)) common in design apps, and HSL (e.g. hsl(11, 100%, 60%)) ideal for adjusting hue and saturation manually. See also: Image Compressor.

The tool keeps a history of the last 12 picked colors as clickable swatches so you can revisit any previous color instantly. Everything runs client-side in your browser — no images are ever uploaded to a server, ensuring complete privacy. Free, no registration required, available in Arabic and English. For more productivity, also try: Image Compressor, CSS Gradient Generator, or Background Remover.

FAQ — Color Picker

HEX is a hexadecimal color code like #FF5733 used in CSS. RGB expresses color as three values for Red, Green, Blue (0–255). HSL describes Hue (0–360°), Saturation, and Lightness — the most intuitive format for manual adjustment.
The EyeDropper API works in Chrome 95+, Edge 95+, and Opera 81+. It is not yet supported in Firefox or Safari — use the image upload method there.
Drag the image onto the drop zone, click to open the file browser, or paste with Ctrl+V. Then hover over the image and click the pixel you want.
No. All processing happens inside your browser using the Canvas API. No image data is sent to any external server, guaranteeing your privacy.
Click any Copy button and paste the code directly into your CSS file. Example: background-color: #FF5733; or color: rgb(255, 87, 51);