紅色

螢幕上的純正紅色，紅色通道開到最大，綠色和藍色都是零。它比任何顏色都更快抓住目光，所以常用在警告標示、特價促銷和行動呼籲按鈕上。用太多容易讓眼睛疲勞，通常只會少量點綴。

又稱：正紅, 大紅

紅色 · #FF0000

紅色的基本資訊

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

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

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

互補色相近顏色：青色

類似色相近顏色：深粉紅, 橘色

三等分配色相近顏色：螢光綠, 藍色

分裂互補色相近顏色：薄荷綠, 電光藍

四角配色相近顏色：黃綠色, 青色, 紫羅蘭色

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

單色配色 · 紅色

類似色配色 · 紅色

互補色配色 · 紅色

三等分配色 · 紅色

搭配中性色配色 · 紅色

搭配強調色配色 · 紅色

白色文字對比度 4.0:1 · AA（大字）

黑色文字對比度 5.3:1 · AA

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

:root {
  --red: #FF0000;
  --red-rgb: 255, 0, 0;
}
.bg { background-color: var(--red); }
.text { color: var(--red); }

紅色的色碼是多少？

紅色的 HEX 色碼是 #FF0000。RGB 為 rgb(255, 0, 0)，HSL 為 hsl(0, 100%, 50%)，CMYK 為 0, 100, 100, 0。

紅色的互補色是什麼？

在色環上位於對面的互補色是 #00FFFF，色調接近青色。少量用來當強調色，就能做出強烈的對比。

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

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

紅色和什麼顏色搭配？

適合搭配的顏色：黑色, 白色, 海軍藍, 灰色, 米色。避免和鮮豔的綠色搭配，會像聖誕節；強烈的橘色則會用力過度。紅色面積太大，也會讓人感到疲勞。