日本传统配色表

色名、色块和数字色值怎样对应

HEX #165E83 对应工具中“藍色”的色卡；页面同时显示日文读音、色块和 RGB 数字，点选卡片可复制 HEX 值。当前色表固定收录 48 个条目，分为红、黄、绿、蓝、紫和中性色六组，可按色名、读音或色值查找。

HEX 是网页常见的数字颜色写法。六位形式的三对十六进制数字分别表示红、绿、蓝通道；#165E83 换成 RGB 就是 rgb(22, 94, 131)。CSS Color Module 说明了 HEX 和 rgb() 的颜色表示方式，因此复制得到的 HEX 可以用于支持该语法的网页样式。

把色卡用于屏幕设计

查找结果时，可以先按色系缩小列表，再输入汉字色名、日文假名读音或 HEX 数值。色卡展示的是页面内置的数字值，名称用于识别条目，色块用于快速预览；它不会自动生成整套主题、配色比例或印刷色号。

正文、按钮或图表标签仍要与背景保持可读对比。WCAG 2.2 的 AA 对比度要求中，普通文字至少为 4.5:1，大号文字至少为 3:1；不要只靠红绿等颜色区别图表状态，还应增加文字、形状或标记。

查找、复制并应用到设计中

1. 先选择“全部”或一个色系，再输入色名、日文读音或色值。搜索色值时可带或不带开头的 #。

2. 对照色块、HEX 和 RGB 显示确认目标颜色。点击卡片会复制该条目的 HEX 值；页面不复制 RGB 数字。

3. 把复制的值填入网页样式或设计稿的颜色字段，例如 color: #165E83;。同时检查文字、背景和按钮状态在实际尺寸下是否容易辨认。

若搜索“藍色”得到多个相近候选，先按预期明暗看色块，再用读音和 HEX 确认选中的是哪一条。协作交付时，把色名与具体值一起记录，避免只写“蓝色”而让团队各自选到不同色卡。

三张色卡的数字值对照

这组对照来自页面当前色卡中的三个条目，适合核对 HEX 与 RGB 的表示关系。色系按钮只负责筛选条目，不代表同组颜色已经自动组成和谐、对比达标或可直接交付的配色方案。

色卡查询时容易遇到的问题

屏幕色值不能代替实体样色

色块显示会受到显示器亮度、色温和色域影响，印刷、布料、涂料等实体材料还会受材料与工艺影响。HEX 适合记录屏幕颜色，不能单独作为油漆、印刷专色或实物采购的验收标准；涉及生产时应查看供应商色卡并制作样张。

页面没有为每条传统色名标出权威来源或历史色样依据，因此不把内置名称与 HEX 说成唯一标准值。网页正文的对比度应以实际前景色和背景色组合检查；WCAG 数字针对文本对比度，并不表示只达到阈值就能解决所有视觉问题。