Colordic手机版扫码直达

Colordic

原色大辞典是来自日本的免费HTML颜色代码查询工具，收录完整的标准Web颜色及日式传统色彩，提供十六进制代码与名称对照，界面简洁高效。Colordic官网网页版入口地址是：https://www.colordic.org/

更新时间：

2026-03-30

访问官网

Colordic官网网页版入口是：www.colordic.org

原色大辞典（Colordic）是一个源自日本、内容全面的在线HTML颜色代码查询工具，中文可称为“WEB色见本原色大辞典”。它的核心用途是为网页设计师、开发者提供一份按色系分类、包含日式传统色彩的完整颜色名称与十六进制代码对照表。它解决了在设计中难以快速找到准确的颜色名称和代码，特别是需要日式、传统、柔和色调时查询困难的问题，是许多设计师信赖的“色彩字典”。

快速了解原色大辞典

收费吗？
完全免费。所有颜色代码均可免费查询和使用，无需付费或注册。
有中文界面吗？
网站为日文界面，但核心内容为颜色名称（英文/日文）和十六进制代码，无需语言能力即可使用。本文提供完整中文指南，使用无障碍。
需要注册或登录吗？
不需要。打开网站即可直接浏览所有颜色，无需任何注册流程。

原色大辞典核心功能

完整的标准颜色库：网站收录了HTML/CSS标准中定义的所有基础颜色名称（如 aliceblue、coral、mediumseagreen 等），并附有对应的十六进制代码（如 #f0f8ff）和视觉色块。
日式传统色彩：除了标准Web颜色，该网站的特色是收录了大量日式传统色彩（如“茜色”、“薄紅”、“鶯色”等），对于需要和风、复古、自然色调的设计项目是绝佳资源。
清晰的颜色分类：所有颜色以网格表格形式呈现，每个颜色包含色块、英文/日文名称和十六进制代码，排版紧凑，一目了然。
便捷的查找方式：页面支持按颜色名称或十六进制代码进行搜索（需使用页面搜索功能或浏览器查找），方便快速定位目标颜色。
实用的颜色代码：每个颜色都提供了标准的十六进制代码（Hex），这是Web设计中最通用的颜色表达方式，可直接在CSS、HTML、设计软件中使用。

原色大辞典怎么用（详细步骤教程⭐）

打开官网：在浏览器地址栏输入 https://www.colordic.org/ 并访问。
浏览颜色：页面会展示一个大型的颜色表格。每一行包含多个颜色，每个颜色由三部分组成：
- 颜色名称（英文或日文罗马字，如 coral）
- 十六进制代码（如 #ff7f50）
- 视觉色块（彩色矩形）
查找目标颜色：
- 按色系浏览：滚动页面，根据视觉色块找到你喜欢的颜色。
- 按名称搜索：使用浏览器自带的查找功能（快捷键 Ctrl+F 或 Cmd+F），输入颜色英文名（如 skyblue）或日文名（如 薄紅）进行快速定位。
- 按代码搜索：如果你知道大概的十六进制代码（如 #87ce），也可以使用查找功能。
获取颜色代码：
- 找到目标颜色后，其右侧或下方的十六进制代码（如 #ff7f50）就是你需要的内容。
- 手动复制：选中代码文本，使用 Ctrl+C (Windows) 或 Cmd+C (Mac) 复制。
- （注意：网站可能未提供“一键复制”按钮，需手动复制代码。）
应用到项目：
- 设计师：在Figma、Photoshop中，新建颜色样式并粘贴代码。
- 开发者：在CSS文件中，将复制的代码赋值给 color、background-color 等属性。
- 例如：color: #ff7f50; 或 background-color: #6495ed;
探索日式色彩：特别注意表格中那些名称非英文的颜色，它们通常是日式传统色，可以为你提供不同于常见Web调色板的独特选择。

原色大辞典适合哪些人使用

网页设计师/前端开发者：需要快速查找标准Web颜色的名称和代码，或者希望为项目引入独特的日式传统色彩。
平面/品牌设计师：在设计日式风格、复古风格、自然风格的作品时，可以从日式色彩部分获得灵感，并获取精确的颜色代码。
设计初学者/学生：通过学习颜色名称与十六进制代码的对应关系，可以加深对Web色彩体系的理解。日文名称也提供了一个了解色彩文化的窗口。
任何需要颜色代码的人：无论是做PPT、Excel图表还是其他任何需要精确指定颜色的场景，都可以把它当作一本快速查阅的“颜色字典”。

原色大辞典优缺点与竞品对比

优点：

内容权威全面：收录了所有标准HTML颜色名称，数据准确。
特色日式色彩：这是该网站区别于大多数西方配色工具的独特优势，提供了大量典雅、柔和的日式传统色。
界面简洁高效：表格形式展示，信息密度高，查找效率高，无多余干扰元素。
完全免费：无需注册，即开即用。

缺点：

交互较传统：没有现代配色工具常见的色盘、滑块、一键复制等交互，需要手动复制代码。
功能单一：仅提供颜色代码查询，不支持配色方案生成、对比度检查等高级功能。
无中文界面：对于不熟悉日文或英文的用户，颜色名称部分可能难以理解（但颜色代码和色块是通用的）。
移动端体验一般：表格布局在大屏幕上很清晰，但在手机上浏览可能需要缩放。

竞品对比：与 Flat UI Color Picker 对比

定位：Flat UI Color Picker专注于扁平化UI设计的现代、柔和色板。原色大辞典则更偏向于完整、全面的标准颜色字典，并额外提供日式传统色彩。
功能：两者核心功能都是颜色代码查询。Flat UI Color Picker按色系分类，交互上点击即复制，更现代。原色大辞典采用表格展示，信息更全面，但交互较传统。
适用场景：如果你需要扁平化风格的UI配色，Flat UI Color Picker更直接。如果你需要查找某个特定标准颜色（如 aliceblue）的代码，或希望探索日式传统色彩，原色大辞典是更好的选择。

总结

原色大辞典是一款经典、可靠的“色彩字典”类工具。它的核心价值在于提供了一份完整、准确的标准HTML颜色代码表，并独具特色地收录了丰富的日式传统色彩。虽然其交互方式相对传统，但简洁、高密度的信息呈现方式，使其在需要快速查阅或比对颜色代码时非常高效。如果你在寻找一个权威、全面的颜色代码参考，或者对日式传统色彩情有独钟，那么原色大辞典值得你收藏为书签，它就像你桌边的一本色彩工具书，随时可以查阅。

标签：配色工具 Colordic 网页配色字典颜色查询