HTML 颜色代码
面向写 HTML 和 CSS 的颜色助手。以
#3498db、
rgb(52,152,219)、
hsl(204,70%,53%) 或
dodgerblue 这样的 CSS 名称输入任意颜色,
Convert 标签页即时显示所有等价格式、即贴即用的 CSS 声明和黑白前景建议。
Named 标签页列出全部 148 个 CSS 颜色关键字(含 rebeccapurple,可搜索、点击复制),
Web Safe 提供经典的 216 色调色板。全部本地运行——无上传、无服务器。本工具面向代码;做设计(调色板、渐变、对比度、混色)另见
取色器。
模式:
挑选或输入一个颜色——等价格式和 CSS 代码片段实时更新。
CSS 命名颜色 148 个关键字(含 rebeccapurple)——点击色块复制其 #hex
网页安全色 216 色(RGB 步进 0/51/102/153/204/255)——点击复制
这些颜色在经典 256 色显示器上渲染不会抖动。
各格式之间的关系:#3498db == rgb(52, 152, 219) == hsl(204, 70%, 53%)。HSL 的色相以度数表示(0-360),饱和度/亮度为百分比。透明度(#RRGGBBAA、rgba()、hsla())会被解析并带到每个输出。CSS 关键字名称先做精确匹配;没有关键字匹配时,会从 148 个关键字中建议最接近的一个作为设计提示。
什么是 CSS 颜色代码?
CSS 颜色代码是屏幕上一种颜色的数值配方:混合多少红、绿、蓝光。每种记法——像 #3498db 的六位十六进制、函数式 rgb(52, 152, 219)、hsl(204, 70%, 53%) 以及 148 个预定义关键字——都解析为同一个 24 位 sRGB 值。Hex 和 rgb() 直接陈述通道值,而 hsl() 把颜色描述为色轮上的角度加饱和度和亮度,在调整深浅时往往更容易推敲。
每通道 256 级给出 16,777,216 种可寻址颜色;8 位形式(#RRGGBBAA、rgba()、hsla())只是把透明度(不透明度)值追加到同一颜色上。