配色調色盤

粉紅色

在紅色中加入大量白色而變亮的顏色。讓人聯想到溫柔和浪漫,但現在各種品牌都會使用。常見於服飾、美妝和公益宣導活動。

又稱:粉色, 粉紅

粉紅色 · #FFC0CB

粉紅色的基本資訊

粉紅色(#FFC0CB)是暖色系、偏亮、鮮豔的顏色,屬於粉紅色系。RGB 值為紅 255、綠 192、藍 203(各 255 階)。常見用途:時尚, 兒童, 品牌設計。

粉紅色的深淺:亮色調與暗色調

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

看看所有色階: 色階產生器

和粉紅色搭配的顏色

灰色優雅又現代的組合。白色清爽乾淨、柔和的印象。海軍藍經典又有品味的對比。鼠尾草綠柔和的互補色對比。米色溫暖自然的基底。金色增添恰到好處的奢華與華麗感。天藍色甜美的粉彩組合。酒紅色優雅的紅色系漸層。
粉紅色在穿搭與居家布置的搭配方式 →

粉紅色的色彩和諧配色

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

互補色相近顏色:淺土耳其藍
類似色相近顏色:丁香紫, 杏色
三等分配色相近顏色:奶油色, 淺丁香紫
分裂互補色相近顏色:海藍寶色, 淺藍色
四角配色相近顏色:奶油色, 淺土耳其藍, 淺丁香紫

使用粉紅色的配色色票

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

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

粉紅色與文字顏色的對比

白色文字對比度 1.5:1 · 不建議
黑色文字對比度 13.7:1 · AAA

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

CSS 程式碼

:root {
  --pink: #FFC0CB;
  --pink-rgb: 255, 192, 203;
}
.bg { background-color: var(--pink); }
.text { color: var(--pink); }

和粉紅色相近的顏色

嬰兒粉莫蘭迪粉馬卡龍粉粉晶色乾燥玫瑰色杏色丁香紫紅鶴粉珍珠灰古典玫瑰色

使用這個顏色的主題配色

其他粉紅色系

莫蘭迪粉古典玫瑰色桃紅色洋紅色亮粉紅墨西哥粉馬卡龍粉嬰兒粉深粉紅覆盆子紅粉晶色玫瑰金腮紅粉紅鶴粉螢光粉乾燥玫瑰色

常見問題

粉紅色的色碼是多少?

粉紅色的 HEX 色碼是 #FFC0CB。RGB 為 rgb(255, 192, 203),HSL 為 hsl(350, 100%, 88%),CMYK 為 0, 25, 20, 0。

粉紅色的互補色是什麼?

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

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

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

粉紅色和什麼顏色搭配?

適合搭配的顏色:灰色, 白色, 海軍藍, 鼠尾草綠, 米色。避免在沒有中性色穿插的情況下,和強烈的紅色或鮮豔的橘色搭配,會讓粉紅色看起來暗沉。搭配太多其他粉彩色,也可能顯得孩子氣。