UI UX tool

Color Names Library - HEX & RGB Values

Browse named colors, filter by hue, and copy HEX or RGB values for your design.

How to use this tool

Search a color name or select a hue filter.
Review the swatches and select a color's value to copy.
Check the chosen color in your palette and test its contrast against the intended background.

Example and use case

White is #FFFFFF and rgb(255, 255, 255). Use explicit color values when consistent rendering matters.

Limitations to check

Descriptive names in a library are not necessarily valid CSS named-color keywords. Screen calibration and surrounding colors affect perceived appearance.

Processing and privacy

The tool's browser code handles entered text or selected files locally. Optional URL imports and external resources can make network requests. This website also uses third-party scripts, including analytics and advertising. Read the privacy policy and use sample data when testing sensitive workflows.

Found a problem? Report a tool issue with the browser version and steps to reproduce it. Avoid sending private document content or credentials.

Frequently asked questions

Can I use every library name in CSS?

No. Use the provided HEX or RGB value unless the name is a supported CSS color keyword.

Are HEX and RGB different colors?

They can represent the same sRGB color using different notation.

Does a color name determine accessibility?

No. Contrast depends on the actual foreground and background values.