热门颜色代码指南
从你最常用的格式开始。每篇指南都会说明这种格式适合什么场景、数值如何工作，以及可以用哪个 Color Code 工具 页面复制或转换结果。
更快构建调色板
选择基础色后，可以使用取色器、色轮、调色板生成器、对比度检查器和混色工具，把一个颜色扩展成实用的网站配色。
相关颜色工具
使用这些工具选择、转换、测试并导出本指南中介绍的颜色值。
更多颜色指南
HTML 颜色代码了解 HTML 色号的工作方式，并复制 Hex、RGB、HSL、OKLCH、命名颜色和 CSS 可用的颜色值。Hex 颜色代码关于 Hex 色号、六位 #RRGGBB 值、简写 Hex 颜色以及 Hex 到 RGB 转换的指南。RGB 颜色代码了解 RGB 色号，将 RGB 转换为 Hex，并在 CSS 中使用 rgb() 值。HSL 颜色代码了解 HSL 色号、色相角度、饱和度、亮度，以及如何在 CSS 中使用 hsl()。CSS 颜色代码在样式表、渐变、边框、阴影、SVG 和界面设计中使用 CSS 颜色代码。调色板生成器从基础色、图片、色轮、和谐配色、阴影、浅色和色调生成调色板。网页安全色浏览网页安全色、经典浏览器安全调色板、Hex 值和现代替代方案。颜色明暗生成器从任意 Hex、RGB、HSL 或 OKLCH 颜色创建阴影、浅色、色调和变化。