ZH
我的工具

橙色色值大全(各种橙色)

橘色、焦橙色、珊瑚色、杏色、琥珀色、南瓜橙、柿子橙、安全橙等 30 种橙色,附 HEX、RGB、HSL 与 CMYK 色值。

我的工具 →
广告

橙色介于红色和黄色之间,充满活力、温暖而醒目,所以常用于安全装备和行动号召按钮。本页列出 30 种橙色:6 种 CSS 命名的橙色和红橙色(orange、darkorange、orangered、coral、tomato、lightsalmon),加上橘色、焦橙色、南瓜橙、柿子橙、杏色、琥珀色、胡萝卜橙、安全橙和国际橙——并给出 HEX、RGB、HSL、HSV、CMYK 和 OKLCH 色值、浅深色梯度,以及每种颜色上最合适的文字颜色。

使用方法

  1. 从列表中选择一种橙色。
  2. 从结果中复制它的 HEX、RGB、HSL 或 CMYK 色值。
  3. 需要更浅或更深的版本时,使用浅深色梯度表。
  4. 在完整表格中比较所有橙色,或下载色块图。

计算公式

浅色 = 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°),这里列为“橙色(色轮)”。

资料来源

最后更新:

引用此工具
APA

kakaoCalc. (2026, November 8). 橙色色值大全(各种橙色). https://kakao.mobile/zh/tools/orange-color-code/

MLA

“橙色色值大全(各种橙色).” kakaoCalc, 8 Nov. 2026, kakao.mobile/zh/tools/orange-color-code/.

广告