橘色

名稱來自水果柳橙，經由阿拉伯語「naranj」從亞洲傳入歐洲。它兼具紅色的活力和黃色的明亮。常用於安全背心、特價招牌，以及想展現親和力的品牌。

又稱：橙色, 柳橙色

橘色 · #FF8000

橘色的基本資訊

橘色（#FF8000）是暖色系、中等亮度、鮮豔的顏色，屬於橘色系。RGB 值為紅 255、綠 128、藍 0（各 255 階）。常見用途：標誌, 招牌標誌, 網頁, 運動。

由淺到深依序排列。點一下顏色就能複製色碼。

依據色環產生的配色。到色彩和諧工具可以試試更多組合。

互補色相近顏色：電光藍

類似色相近顏色：紅色, 黃色

三等分配色相近顏色：薄荷綠, 紫羅蘭色

分裂互補色相近顏色：青色, 藍色

四角配色相近顏色：螢光綠, 電光藍, 洋紅色

可以直接複製色碼，或在編輯器中開啟自由調整。

單色配色 · 橘色

類似色配色 · 橘色

互補色配色 · 橘色

三等分配色 · 橘色

搭配中性色配色 · 橘色

搭配強調色配色 · 橘色

白色文字對比度 2.5:1 · 不建議

黑色文字對比度 8.3:1 · AAA

依據 WCAG 2.1 標準。其他顏色組合可以用對比檢查工具確認。

:root {
  --orange: #FF8000;
  --orange-rgb: 255, 128, 0;
}
.bg { background-color: var(--orange); }
.text { color: var(--orange); }

橘色的色碼是多少？

橘色的 HEX 色碼是 #FF8000。RGB 為 rgb(255, 128, 0)，HSL 為 hsl(30, 100%, 50%)，CMYK 為 0, 50, 100, 0。

橘色的互補色是什麼？

在色環上位於對面的互補色是 #007FFF，色調接近電光藍。少量用來當強調色，就能做出強烈的對比。

在橘色上放白色文字好閱讀嗎？

建議改用黑色文字。和白色的對比度只有 2.5:1，和黑色則有 8.3:1。

橘色和什麼顏色搭配？

適合搭配的顏色：海軍藍, 白色, 灰色, 咖啡色, 橄欖綠。避免在沒有中性色穿插的情況下和紅色或亮粉紅搭配，會太過花俏。和鮮豔的黃色組合也可能用力過度。