配色調色盤

螢光綠

看起來像在發光、非常明亮的綠色。讓人聯想到電競世界、電子音樂和90年代。為了避免眼睛疲勞,建議用在細節上。

又稱:霓虹綠, 螢光綠色

螢光綠 · #39FF14

螢光綠的基本資訊

螢光綠(#39FF14)是介於冷暖之間、中等亮度、鮮豔的顏色,屬於綠色系。RGB 值為紅 57、綠 255、藍 20(各 255 階)。常見用途:運動, 遊戲, 平面設計。

螢光綠的深淺:亮色調與暗色調

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

螢光綠的色彩和諧配色

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

互補色相近顏色:洋紅色
類似色相近顏色:萊姆綠
三等分配色相近顏色:藍色, 櫻桃紅
分裂互補色相近顏色:紫羅蘭色, 桃紅色
四角配色相近顏色:法國藍, 洋紅色, 螢光橘

使用螢光綠的配色色票

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

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

螢光綠與文字顏色的對比

白色文字對比度 1.4:1 · 不建議
黑色文字對比度 15.5:1 · AAA

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

CSS 程式碼

:root {
  --neon-green: #39FF14;
  --neon-green-rgb: 57, 255, 20;
}
.bg { background-color: var(--neon-green); }
.text { color: var(--neon-green); }

和螢光綠相近的顏色

草綠色黃綠色萊姆綠螢光黃粉彩綠薄荷綠蘋果綠淺綠色綠色森林綠

使用這個顏色的主題配色

其他綠色系

綠色祖母綠萊姆綠橄欖綠薄荷綠苔蘚綠森林綠翡翠綠松針綠蘋果綠鼠尾草綠酒瓶綠軍綠色開心果綠草綠色黃綠色粉彩綠深綠色淺綠色墨西哥國旗綠

常見問題

螢光綠的色碼是多少?

螢光綠的 HEX 色碼是 #39FF14。RGB 為 rgb(57, 255, 20),HSL 為 hsl(111, 100%, 54%),CMYK 為 78, 0, 92, 0。

螢光綠的互補色是什麼?

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

在螢光綠上放白色文字好閱讀嗎?

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