紫色色号(36 种紫色)
紫罗兰、靛蓝、李紫、兰花紫、紫水晶、茄子紫、丁香紫、薰衣草紫、丽贝卡紫等 36 种紫色的 HEX、RGB、HSL 和 CMYK 代码。
紫色介于红色与蓝色之间,从淡淡的薰衣草紫和丁香紫,到深沉的茄子紫和提尔紫。本页列出了 36 种有名称的紫色和紫罗兰色——16 种 CSS 名称(如 rebeccapurple、indigo、orchid、plum),再加上紫水晶色、丁香紫、紫藤色、淡紫色、拜占庭紫等——并给出 HEX、RGB、HSL、CMYK 和 OKLCH 代码、浅色与深色版本、互补色和易读的文字颜色。
使用方法
- 选择一种紫色或紫罗兰色。
- 复制 HEX、RGB、HSL 或 CMYK 代码。
- 较浅的色调用于背景,较深的色调用于文字。
- 在表格中比较所有紫色,或下载色卡图。
计算公式
浅色 = c + (255 − c) × p · 深色 = c × (1 − p) · 互补色 = HSL 色相 + 180°
紫色在 HSL 中的色相大约是 260°–300°,所以它们的互补色是黄绿色。CSS 之外的名称采用常见的参考值。
示例
丽贝卡紫(rebeccapurple)是 #663399 = rgb(102, 51, 153) = hsl(270, 50%, 40%)。色相 90° 处的互补色是橄榄绿 #669933——同样是相同的通道值重新排列。
常见问题
紫色(purple)和紫罗兰色(violet)有什么区别?
紫罗兰色是光谱色——波长约 380–450 nm、位于彩虹蓝端的光。紫色不在光谱中,而是红光与蓝光的混合。屏幕上两者都由红和蓝合成,所以名称有重叠;CSS 的“violet”(#EE82EE)其实是一种偏粉的浅紫色。
为什么 CSS 的“purple”比“violet”暗?
CSS 的 purple 是 #800080,即红蓝各取一半强度;而 violet(#EE82EE)和 orchid(#DA70D6)要浅得多。这些名称来自更早的颜色列表,而不是光谱。
靛蓝是蓝色还是紫色?
CSS 的 indigo(#4B0082)是深蓝紫色。牛顿的彩虹中,靛蓝位于蓝色与紫罗兰色之间,所以蓝色和紫色两个阵营都把它算作自己的颜色。
资料来源
最后更新:
包含这些输入的页面地址: https://kakao.mobile/zh/tools/purple-color-code/
引用此工具
kakaoCalc. (2026, November 8). 紫色色号(36 种紫色). https://kakao.mobile/zh/tools/purple-color-code/
“紫色色号(36 种紫色).” kakaoCalc, 8 Nov. 2026, kakao.mobile/zh/tools/purple-color-code/.