配色調色盤

黃色

色環中最明亮、最先被眼睛捕捉到的顏色。讓人聯想到太陽、夏天和警示。因此常用在計程車、道路標誌,以及想展現明亮形象的品牌。

又稱:正黃色, 亮黃

黃色 · #FFFF00

黃色的基本資訊

黃色(#FFFF00)是暖色系、中等亮度、鮮豔的顏色,屬於黃色系。RGB 值為紅 255、綠 255、藍 0(各 255 階)。常見用途:招牌標誌, 標誌, 兒童, 網頁。

黃色的深淺:亮色調與暗色調

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

和黃色搭配的顏色

灰色現代又平衡的經典組合。海軍藍強烈又優雅的對比。白色清爽明亮的印象。黑色對比最強,非常有圖像感。紫色互補色組合,鮮豔又大膽。綠色自然又活潑的組合。天藍色充滿春天感的組合。米色柔和溫暖的基底。
黃色在穿搭與居家布置的搭配方式 →

黃色的色彩和諧配色

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

互補色相近顏色:藍色
類似色相近顏色:橘色, 黃綠色
三等分配色相近顏色:青色, 洋紅色
分裂互補色相近顏色:電光藍, 紫羅蘭色
四角配色相近顏色:薄荷綠, 藍色, 深粉紅

使用黃色的配色色票

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

單色配色 · 黃色
類似色配色 · 黃色
互補色配色 · 黃色
三等分配色 · 黃色
搭配中性色配色 · 黃色
搭配強調色配色 · 黃色

黃色與文字顏色的對比

白色文字對比度 1.1:1 · 不建議
黑色文字對比度 19.6:1 · AAA

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

CSS 程式碼

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

和黃色相近的顏色

檸檬黃金絲雀黃螢光黃金色萊姆綠玉米黃向日葵黃番紅花黃琥珀色蘋果綠

其他黃色系

金色古金色芥末黃檸檬黃琥珀色小麥色蜂蜜色金絲雀黃番紅花黃香檳色粉彩黃螢光黃玉米黃向日葵黃

常見問題

黃色的色碼是多少?

黃色的 HEX 色碼是 #FFFF00。RGB 為 rgb(255, 255, 0),HSL 為 hsl(60, 100%, 50%),CMYK 為 0, 0, 100, 0。

黃色的互補色是什麼?

在色環上位於對面的互補色是 #0000FF,色調接近藍色。少量用來當強調色,就能做出強烈的對比。

在黃色上放白色文字好閱讀嗎?

建議改用黑色文字。和白色的對比度只有 1.1:1,和黑色則有 19.6:1。

黃色和什麼顏色搭配?

適合搭配的顏色:灰色, 海軍藍, 白色, 黑色, 紫色。避免同時搭配強烈的橘色和紅色,會太過花俏。純白背景上的黃色文字也非常難以閱讀。