HTML颜色代码

HTML颜色代码是一个围绕网页颜色代码搭建的在线工具站。它要解决的问题很直接：写 CSS 或做设计时，手头需要一个颜色值，或者想从一张图里把颜色取出来。站内把颜色选择器、图片取色、色轮、颜色表、颜色名查询这些入口放在同一处，选完颜色能直接拿到 Hex、RGB、HSL、OKLCH 数值，也能生成 HTML、CSS 和 Tailwind 样式。

主要功能

颜色选择器可以输入 Hex、RGB、HSL 或 OKLCH 数值，同时给出渐变、阴影、色调和搭配建议。图片取色是上传照片后点击画面取色，并生成一组互补调色板。色轮按色彩理论调色相与明度，用来找和谐配色。颜色表则把 Tailwind CSS、扁平设计、Material Design 和网页安全色四套预设调色板列出来，每套都带 Hex 代码。

颜色名部分整理了 140 种命名的 CSS 颜色，按色系分组，记不住名字时可以直接翻。站内还有 RGB 与 Hex 互转、对比度检查器、颜色混合器，以及面向 Minecraft、Bukkit、Roblox 的颜色代码页面。

适合谁

前端开发、UI 设计、做 PPT 或海报时需要快速定色的人，都能用上。它不要求注册，打开网页就能操作，适合临时查一个色值这种轻量场景。

费用与限制

页面没有标价，工具本身可直接使用。界面提供中文，但语言声明为英文，部分栏目名称仍是英文。站点由 Dixon & Moe 运营，版权标注到 2025 年。