橙色色值大全(各种橙色)
橘色、焦橙色、珊瑚色、杏色、琥珀色、南瓜橙、柿子橙、安全橙等 30 种橙色,附 HEX、RGB、HSL 与 CMYK 色值。
橙色介于红色和黄色之间,充满活力、温暖而醒目,所以常用于安全装备和行动号召按钮。本页列出 30 种橙色:6 种 CSS 命名的橙色和红橙色(orange、darkorange、orangered、coral、tomato、lightsalmon),加上橘色、焦橙色、南瓜橙、柿子橙、杏色、琥珀色、胡萝卜橙、安全橙和国际橙——并给出 HEX、RGB、HSL、HSV、CMYK 和 OKLCH 色值、浅深色梯度,以及每种颜色上最合适的文字颜色。
使用方法
- 从列表中选择一种橙色。
- 从结果中复制它的 HEX、RGB、HSL 或 CMYK 色值。
- 需要更浅或更深的版本时,使用浅深色梯度表。
- 在完整表格中比较所有橙色,或下载色块图。
计算公式
浅色 = c + (255 − c) × p · 深色 = c × (1 − p) · 互补色 = HSL 色相 + 180°
c 是每个 RGB 通道,p 是混合比例(15–75%)。CMYK 使用简单公式 K = 1 − max(R′, G′, B′);印刷厂会用 ICC 配置文件进行转换。
示例
橘色 #F28500 = rgb(242, 133, 0) 换算为 CMYK 是 0%, 45%, 100%, 5.1%。CSS orange #FFA500 的互补色是蓝色 #005AFF——橙色与蓝色是经典的互补色组合。在这里的 30 种橙色中,有 29 种用黑色文字比白色更易读,在橘色上黑字为 8.13:1。
常见问题
焦橙色的 HEX 代码是什么?
维基百科列出的焦橙色是 #BF5700,即得克萨斯大学奥斯汀分校的代表色。其他品牌使用略有不同的值,并没有唯一的标准。
安全橙是什么颜色?
安全橙在 sRGB 中约为 #FF7900,是用于危险标志和高可视性服装的 ANSI Z535 颜色。真正的安全色由实物样本和荧光颜料定义,屏幕无法完全呈现。
CSS 的“orange”是真正的橙色吗?
CSS orange(#FFA500)偏黄(色相 39°)。RGB 色轮上位于红与黄正中间的橙色是 #FF8000(色相 30°),这里列为“橙色(色轮)”。
资料来源
最后更新:
包含这些输入的页面地址: https://kakao.mobile/zh/tools/orange-color-code/
引用此工具
kakaoCalc. (2026, November 8). 橙色色值大全(各种橙色). https://kakao.mobile/zh/tools/orange-color-code/
“橙色色值大全(各种橙色).” kakaoCalc, 8 Nov. 2026, kakao.mobile/zh/tools/orange-color-code/.