How to Use the Color Names Reference
Step-by-step guide to finding hex, RGB, and HSL values for any named CSS color using the DevHexLab Color Names Reference.
Tool Used
Color Names Reference
1
Open the Color Names Reference
Navigate to /tools/reference/color-names-reference.
2
Search for a color name
Type a color name (like tomato, cornflowerblue, or rebeccapurple) into the search box.
3
Read the values
The reference shows the color swatch, the official CSS color name, the hex code, the RGB values, and the HSL values.
4
Copy any format
Click Copy next to the hex, RGB, or HSL value you need to use it directly in your CSS or design tool.
All done!
You are ready to use Color Names Reference like a pro.