We use cookies.This website uses essential cookies to operate core features. With your consent, we also use analytics cookies to understand traffic and improve the service. For more details, see our .
We use cookies.This website uses essential cookies to operate core features. With your consent, we also use analytics cookies to understand traffic and improve the service. For more details, see our .
Was this tool helpful to use?
Your feedback helps us make it better
Explore traditional Japanese color names and values for websites, posters, presentations, and interior color schemes.
Showing 48 of 48 colors
Overview
Understand what the tool solves, how it works, and the boundaries of its data.
This palette contains 48 built-in entries grouped into red, yellow, green, blue, purple, and neutral families. Each card shows a Japanese color name, its kana reading, a swatch, a HEX value, and the equivalent RGB triplet. The names and numbers identify entries in this particular palette; the collection is not presented as a complete or official historical standard.
HEX and RGB are ways to represent screen colors. For example, #165E83 corresponds to rgb(22, 94, 131): each pair of hexadecimal digits gives the red, green, or blue channel. CSS supports both forms for web color values. Displayed swatches can look different across screens, and they are not paint, fabric, or print specifications.
Choose a family to narrow the list, or search by the Japanese name, its kana reading, or a HEX value. A leading # is optional in the search. The result count reports how many of the 48 built-in entries match the current filters. Select a card to copy its HEX value; the RGB equivalent remains visible for reference.
If several names or shades seem similar, use the swatch and exact HEX value together to identify the one you mean. Keep the value with the name when sharing a design choice, because a color name alone may not tell another designer which digital version you selected.
Guide
Follow the workflow and verify inputs and outputs with practical examples.
Start with All or choose a color family such as Blues or Neutrals.
Enter a Japanese name, kana reading, or HEX digits in the search box. Clear the query or change families to broaden the results.
Compare the name, reading, swatch, HEX, and RGB shown on the card.
Select the card to copy its HEX value, then paste it into a CSS color field or another screen-design application.
For example, the entry 藍色 displays #165E83 and rgb(22, 94, 131). The RGB number is shown on the card, while selecting it copies the HEX value.
Use cases
See how the tool fits into real work and everyday tasks.
Browse a family for possible accent or background values, then test the selected HEX in the actual page and check text contrast.
Record a color’s Japanese name and exact HEX together so teammates can use the same digital swatch.
Filter entries by name or reading while discussing a screen palette. The tool helps find individual values; it does not generate a complete theme.
For text and interface states, evaluate the foreground and background as a pair. WCAG guidance says color should not be the only way information is conveyed, so add labels, shapes, or other cues where meaning would otherwise depend on hue alone.
Q&A
Find concise answers to common questions and confusing cases.
No. This is a fixed set of 48 entries included in the page, not a complete catalog or an official standard.
Yes. CSS supports hexadecimal RGB colors. Check the selected foreground and background together for readability in your design.
No. A HEX or RGB screen value does not specify a paint, textile, ink, or print standard. Use the relevant supplier’s physical swatch or production specification for those materials.
This page shows the value assigned to its own entry. It does not establish that value as the only accepted digital rendering of a color name.
Notes
Review scope, result limitations, and important precautions before use.
Actual appearance depends on display characteristics and viewing conditions. For physical production, confirm the material-specific color with the supplier. WCAG contrast criteria apply to text presentation; meeting a numeric threshold does not replace checking the complete design, and color alone should not carry essential meaning.
Related
Discover related tools, collections, and available API capabilities.