#FF6347#4682B4#3CB371#DAA520#DA70D6#FF7F50#6A5ACD#5F9EA0#B22222#CD853F#008080#663399Type or paste a HEX code (e.g. #FF6347) or RGB value (e.g. rgb(255,99,71)) into the input field. The tool supports both formats.
If your color is one of the 140 exact CSS named colors, its name appears immediately. If not, the tool finds the closest named color using color distance algorithms.
See which color family your code belongs to (Red, Blue, Green, Purple, Orange, etc.) and browse similar named colors in the same family.
Copy the CSS color name, the exact HEX, or the matched color's HEX with one click — ready to use in your stylesheets or design tools.
Use named colors in CSS for readability — color: tomato is clearer than color: #FF6347 in some contexts.
Learn what visual color a HEX code represents by finding its human-readable name.
Find what CSS named colors are closest to a brand color you're trying to match.
Name custom colors in a design system by finding their closest natural-language equivalent.
Write design documentation using human-friendly color names instead of cryptic HEX codes.
Communicate color choices to non-technical stakeholders using descriptive color names.
Named colors are great for quick prototyping and learning. For production code, use HEX or HSL so your exact brand colors are used — named colors may not match your palette precisely.
Many CSS color names come from nature — orchid, coral, salmon, olive, teal, lavender. These make great starting points when exploring a nature-themed design palette.
The color "rebeccapurple" (#663399) was added to CSS in 2014 as a tribute to Rebecca Meyer, the daughter of web standards pioneer Eric Meyer, who passed away at age 6.
Filter the color library by family (reds, blues, greens, etc.) to quickly find all named colors in a specific hue range for your design exploration.