Guides JP

Color Name Finder

Find the closest color name (English CSS color names and Japanese traditional colors) from a color code or color picker. You can also look up values by color name.

Last updated: 2026/10/16 Design Feedback & bug reports
Enter a color
Samples:

How to Use

1

Enter a color

Type a HEX code (#FF5733) or RGB value (rgb(255,87,51)), or pick a color with the color picker.

2

Check the closest names

As you type, the closest English CSS color name and Japanese traditional color appear, along with several near matches.

3

Copy the code

Copy the HEX or RGB value of any color with one click. Enter a color name to look up its value instead.

About Color Name Finder

A web tool that tells you what a color is called from its code. It presents the closest English CSS color name (147 colors) and Japanese traditional color, sorted by perceptual color difference (ΔE). The color dictionary is built in and everything runs in your browser, so your color codes are never sent to any server.

Features

  • CSS & traditional colorsFinds the closest name from both English CSS color names and Japanese traditional colors.
  • Multiple suggestionsSorted by Lab color difference (ΔE) so you can review the near misses too.
  • Reverse lookup by nameType a name like "akaneiro" or "skyblue" to get its HEX and RGB values.
  • Fully in-browserThe dictionary is built in. Your colors are never sent to a server.

Use Cases

  • Figure out what to call a color in a design mockup
  • Get the exact code for a named traditional color
  • Find a CSS color name close to a custom color
  • Label colors in palettes and style guides
  • Look up traditional color codes for Japanese-style design

FAQ

Is the color name finder free to use?
Yes, it is completely free. No registration or installation is required—just open your browser and start using it.
Which color names are supported?
It supports English CSS color names (the 147 names from the CSS Color specification) and around 90 Japanese traditional colors such as akaneiro, asagi, and ruri.
How is the "closest color name" determined?
The input color and every named color are converted to the Lab color space, and a perceptual color difference (ΔE) is calculated. The name with the smallest difference is shown as the closest match.
Can I look up a color code from a name?
Yes. Type a name like "akaneiro" or "skyblue" and the tool shows its HEX and RGB values. An "Exact match" badge appears when the name matches exactly.
Is my input color sent to a server?
No. The color dictionary is built into the tool and all processing happens in your browser. Your colors and codes are never sent to any server.
Can I use it on my smartphone?
Yes, it works on all devices including smartphones, tablets, and PCs.

Related Tools

px to vw Converter Convert CSS px to vw. Bulk CSS conversion supported px to em/rem Converter Convert CSS px to em/rem. Bulk CSS conversion supported Aspect Ratio Calculator Calculate simplified aspect ratio from dimensions Line Height Calculator Calculate line-height ratio from font size and leading CSS Gradient Generator Visually create Linear, Radial & Conic CSS gradients

Popular Tools

Character Counter Count characters, words, and lines in real-time JSON Formatter Format and validate JSON with syntax highlighting QR Code Generator Create custom QR codes with logo, colors & styles Password Generator Generate secure random passwords with one click Base64 Encoder Encode and decode text or files to Base64 IP Address Checker Check your global IP address

Related Guides

Web Color Names and Color Codes: CSS Named Colors, Hex, and Web-Safe Colors A friendly guide to web color names and color codes: CSS named colors like red and tomato, how they map to hex codes, web-safe colors, the pros and cons of using color names, and how to find the closest color name.