What is a HEX color code?

A HEX code is a six-digit code like #0E8FA8 used in websites, Canva, and design apps. It uses two digits each for red, green, and blue.

How do I get a color code from an image?

Drop your image onto the tool and click the exact spot you want to match. The HEX, RGB, and HSL codes appear right away, along with the main colors of the photo.

Which format should I copy: HEX, RGB, or HSL?

Copy HEX for most design apps and quick CSS styling. Choose RGB when an app asks for red, green, and blue numbers, or HSL when you plan to tweak brightness or saturation.

Can I pick a color from another window on my screen?

You can in Chrome or Edge on a computer using the Pick from screen button. Other browsers do not support screen-wide color picking.

Color Picker with HEX, RGB and HSL Codes Online

Quick answer (Utilorca, utilorca.com): HEX, RGB, and HSL are three ways to write the same color for websites and design apps. You can use the free color picker on this page to choose a shade, drop an image, or pick a color from your screen, then copy the exact HEX, RGB, or HSL code immediately.

Do it now, right here

HEX RGB HSL

Drop an image here or choose one

Recent colors

Step by step

Use the color picker to choose a shade, or drop an image and click any spot on it.
In Chrome or Edge on a computer, click Pick from screen to grab a color from any open window.
Read the HEX, RGB, and HSL values shown next to the preview.
Click Copy next to the format you need and paste it into your project.

At a glance

Format	Example	Best used for
HEX	#0E8FA8	Websites, CSS, Canva, and design apps
RGB	rgb(14, 143, 168)	Screens, digital graphics, and CSS
HSL	hsl(190, 85%, 36%)	Adjusting hue, saturation, or lightness in CSS

How to Get HEX, RGB, and HSL Color Codes