颜色转换器
即时转换十六进制、RGB 和 HSL 颜色代码，带实时预览色块。以任意格式复制 CSS 就绪的颜色值。
CSS 命名颜色参考
| 颜色名称 | 十六进制 | RGB | |
|---|---|---|---|
| Red | #ff0000 | rgb(255, 0, 0) | |
| Coral | #ff7f50 | rgb(255, 127, 80) | |
| Orange | #ffa500 | rgb(255, 165, 0) | |
| Gold | #ffd700 | rgb(255, 215, 0) | |
| Yellow | #ffff00 | rgb(255, 255, 0) | |
| YellowGreen | #9acd32 | rgb(154, 205, 50) | |
| Lime | #00ff00 | rgb(0, 255, 0) | |
| Green | #008000 | rgb(0, 128, 0) | |
| Teal | #008080 | rgb(0, 128, 128) | |
| Cyan | #00ffff | rgb(0, 255, 255) | |
| DodgerBlue | #1e90ff | rgb(30, 144, 255) | |
| Blue | #0000ff | rgb(0, 0, 255) | |
| SlateBlue | #6a5acd | rgb(106, 90, 205) | |
| Purple | #800080 | rgb(128, 0, 128) | |
| HotPink | #ff69b4 | rgb(255, 105, 180) | |
| White | #ffffff | rgb(255, 255, 255) | |
| Silver | #c0c0c0 | rgb(192, 192, 192) | |
| Gray | #808080 | rgb(128, 128, 128) | |
| Black | #000000 | rgb(0, 0, 0) |
常见问题
将 6 位十六进制代码分成三对：第一对是红色，第二对是绿色，第三对是蓝色。将每对从十六进制转换为十进制。例如：#ff5733 → 红=ff=255，绿=57=87，蓝=33=51，即 rgb(255, 87, 51)。我们的转换器会在您输入时即时完成此操作。
HSL 代表色相（Hue）、饱和度（Saturation）和亮度（Lightness）。色相是色轮上的角度（0°–360°）。饱和度（0–100%）控制颜色的鲜艳程度。亮度（0–100%）控制明暗——0% 是黑色，50% 是纯色，100% 是白色。HSL 在 CSS 中被广泛用于程序化颜色调整。
常见十六进制颜色代码：红色=#ff0000，橙色=#ffa500，黄色=#ffff00，绿色=#008000，青色=#00ffff，蓝色=#0000ff，紫色=#800080，粉红色=#ff69b4，白色=#ffffff，灰色=#808080，黑色=#000000。点击下方颜色表中的任意行即可立即加载。
CMYK（青色、品红、黄色、黑色）是彩色印刷中使用的颜色模型。与 RGB（用于屏幕）不同，CMYK 从白色纸张中减去光线。十六进制代码 #ff0000（纯红色）等于 cmyk(0%, 100%, 100%, 0%)。在使用 InDesign 或 Illustrator 准备专业印刷稿时，CMYK 值是必不可少的。