配色調色盤

桃紅色

源自以植物學家萊昂哈特·福克斯(Leonhart Fuchs)命名的倒掛金鐘花。這是帶紫調、非常濃烈的粉紅色。常用於夏季時尚、口紅和年輕品牌。

又稱:紫紅色系, 倒掛金鐘紅

桃紅色 · #F400A1

桃紅色的基本資訊

桃紅色(#F400A1)是介於冷暖之間、中等亮度、鮮豔的顏色,屬於粉紅色系。RGB 值為紅 244、綠 0、藍 161(各 255 階)。常見用途:時尚, 彩妝, 品牌設計。

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

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

和桃紅色搭配的顏色

黑色強烈又優雅的對比。白色清爽乾淨的印象。灰色讓桃紅色沉穩下來,又不會變暗淡。海軍藍有深度又有品味的對比。橘色鮮豔又充滿夏天感的組合。祖母綠寶石般顏色之間的對比。米色讓它變柔和的溫暖基底。土耳其藍活潑的熱帶風組合。
桃紅色在穿搭與居家布置的搭配方式 →

桃紅色的色彩和諧配色

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

互補色相近顏色:螢光綠
類似色相近顏色:洋紅色, 紅色
三等分配色相近顏色:萊姆綠, 法國藍
分裂互補色相近顏色:螢光綠, 海藍寶色
四角配色相近顏色:金色, 螢光綠, 藍色

使用桃紅色的配色色票

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

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

桃紅色與文字顏色的對比

白色文字對比度 3.9:1 · AA(大字)
黑色文字對比度 5.4:1 · AA

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

CSS 程式碼

:root {
  --fuchsia: #F400A1;
  --fuchsia-rgb: 244, 0, 161;
}
.bg { background-color: var(--fuchsia); }
.text { color: var(--fuchsia); }

和桃紅色相近的顏色

深粉紅墨西哥粉螢光粉亮粉紅蘭花紫覆盆子紅腮紅粉紫色洋紅色梅子紫

使用這個顏色的主題配色

其他粉紅色系

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

常見問題

桃紅色的色碼是多少?

桃紅色的 HEX 色碼是 #F400A1。RGB 為 rgb(244, 0, 161),HSL 為 hsl(320, 100%, 48%),CMYK 為 0, 100, 34, 4。

桃紅色的互補色是什麼?

在色環上位於對面的互補色是 #00F453,色調接近螢光綠。少量用來當強調色,就能做出強烈的對比。

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

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

桃紅色和什麼顏色搭配?

適合搭配的顏色:黑色, 白色, 灰色, 海軍藍, 橘色。避免和紅色或淡粉紅搭配,容易互相搶戲或顯得雜亂。大面積使用桃紅色時,再加入另一個強烈的顏色,可能會讓眼睛疲勞。