HTML Color Codes 是一个面向网页与设计项目的在线颜色工具集合，围绕颜色代码查询、颜色选择、配色探索和颜色参考展开。它支持查看 Hex、RGB、HSL 与 OKLCH 等颜色表示方式，也提供颜色选择器、交互式颜色轮、预设颜色图表、CSS 颜色名称列表和颜色库。与仅提供单一取色功能的工具不同，它还可以从上传的图片中提取颜色，生成互补配色，并通过颜色的色调、明度、和谐关系以及不同设计体系的颜色表帮助用户继续探索。
核心功能
颜色选择器
颜色选择器可以查找颜色及其 shades、tints、tones 和 harmonies。用户可以输入 Hex、RGB 或 HSL 数值，并生成 HTML、CSS 和 SCSS 样式。页面同时展示所选颜色的多种代码表示，便于在网页或其他软件应用中使用。
图片取色与调色板提取
Image Color Picker 支持上传图片并提取颜色和调色板。用户可以在图片中点击捕捉准确的颜色值，随后获得由图片颜色形成的灵感调色板，并生成互补配色。该功能用于把照片中的颜色转化为可继续使用的配色参考。
颜色轮与和谐配色
Color Wheel 提供交互式颜色轮，基于色彩理论创建配色和谐。用户可以调整色调与明度，探索不同颜色组合，页面会展示相应的和谐关系。它适合在开始设计项目时寻找具有协调关系的颜色组合。
预设颜色图表
Color Chart 收录四套预设网页设计配色，包括 Tailwind CSS、flat design、Google Material design 和经典 web safe color palette。图表为颜色提供 Hex color codes，页面示例还列出颜色名称、RGB code 与 HSL code，便于按照既有设计体系选择颜色。
HTML 颜色名称与颜色库
Color Names 页面提供 140 个具名 CSS 颜色及其他颜色列表，并按颜色分组整理 HTML color names。Color Library 则收录 100+ 种常见色调与颜色，覆盖从 peach、periwinkle 到 turquoise、taupe 等不同范围，可用于查找颜色名称、浏览色彩参考和获取设计灵感。
颜色代码基础参考
网站说明颜色代码是让计算机理解并显示颜色的表示方式，常见格式包括 Hex、RGB、HSL 和 HTML color names。Hex 颜色代码由六位十六进制数字组成，分别表示红、绿、蓝的强度；取值从 00 到 FF。现代浏览器支持完整的 24-bit color，理论上可表示 16,777,216 种颜色，用户可以通过颜色选择器探索这些颜色，也可以使用颜色图表查看精选配色。
使用方式
网站通过多个在线页面提供功能，包括 Color Picker、Image Color Picker、Color Wheel、Color Chart、Color Names 和 Color Library。用户可以直接在颜色选择器中输入 Hex、RGB 或 HSL 值，也可以上传图片后点击提取颜色；颜色轮支持调整色调和明度，颜色图表与颜色库则用于浏览和查找。正文未提及客户端、浏览器插件、API、命令行工具或注册要求，也未说明需要自备模型 Key。
适用人群与场景
网页设计师可以使用颜色选择器获取 HTML、CSS 和 SCSS 样式，并在不同颜色格式之间查找参考。需要制作配色方案的设计人员可以通过颜色轮探索和谐组合，或从图片中提取颜色与互补调色板。使用 Tailwind CSS、Material design、flat design 或 web safe palette 的人员，可以通过颜色图表查找对应颜色。需要查询 CSS 颜色名称、Hex、RGB 或 HSL 数值的开发者，也可以使用颜色名称列表和颜色代码参考。
注意事项
图片取色功能需要先上传图片；颜色轮中的探索依赖对色调与明度的调整。正文介绍了 Hex、RGB、HSL 和 OKLCH 等格式，但颜色图表示例主要列出 Hex、RGB 和 HSL 数值。网站正文没有提供价格、免费额度或付费档位信息。
