Color Code Lookup

Look up common color codes, names, HEX values, RGB values, HSL values, color families, and design uses for websites, apps, graphics, and UI layouts.

Find a Color Code

Tip: Search by HEX code, color name, RGB value, HSL value, color family, or common use like button, warning, success, background, or text.
Color code details will appear here.

How the color code lookup works

HEX search:
Enter a HEX color like #1d4ed8, #0f172a, #ffffff, #dc2626, or #16a34a.

Name search:
Enter common names like blue, navy, red, green, yellow, purple, black, white, gray, or orange.

RGB or HSL search:
Enter values like rgb(29, 78, 216) or hsl(224, 76%, 48%).

Use search:
Search by UI use such as button, background, text, border, success, warning, danger, or link.

Why use a color code lookup?

A color code lookup helps identify colors and copy the right values for websites, apps, images, graphics, and design systems.

It is useful for CSS, branding, landing pages, app designs, button colors, warning states, text colors, backgrounds, and visual cleanup.

Popular color code lookup uses

Frequently asked questions

What is a HEX color code?

A HEX color code is a six-character color value used in web design, such as #1d4ed8 for blue or #ffffff for white.

What is RGB?

RGB describes a color by red, green, and blue values. For example, rgb(29, 78, 216) is a blue color.

What is HSL?

HSL describes color by hue, saturation, and lightness. It can be helpful when adjusting brightness or making color variations.

Can I copy the lookup result?

Yes. After running a lookup, click the copy button to copy the result.