配色調色盤

哈密瓜色

像橘肉哈密瓜果肉的柔和粉橘色。甜美清新,在夏季穿搭、腮紅和唇彩中很受歡迎。用在居家空間能營造明亮溫暖的氛圍,看起來可口又討喜。

又稱:香瓜橘, 蜜瓜色

哈密瓜色的 HEX 色碼是 #FEBAAD。RGB 為 rgb(254, 186, 173),HSL 為 hsl(10, 98%, 84%),CMYK 為 0, 27, 32, 0。

實際搭配效果

選一個搭配色,看看用在服裝、居家和設計上的樣子。

和哈密瓜色相近的顏色

嬰兒粉#F4C2C2莫蘭迪粉#E8B4B8淺粉色#FFB6C1粉晶色#F7CAC9杏色#FBCEB1粉紅色#FFC0CB

哈密瓜色的基本資訊

哈密瓜色(#FEBAAD)是暖色系、偏亮、鮮豔的顏色,屬於橘色系。RGB 值為紅 254、綠 186、藍 173(各 255 階)。常見用途:夏季, 彩妝, 室內設計。

哈密瓜色的色票,以及從淺到深的色階 · #FEBAAD
哈密瓜色 · #FEBAAD

哈密瓜色的深淺:亮色調與暗色調

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

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

哈密瓜色的色彩和諧配色

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

互補色相近顏色:淺土耳其藍
類似色相近顏色:棉花糖粉, 香草色
三等分配色相近顏色:青瓷綠, 淡紫色
分裂互補色相近顏色:鴨蛋藍, 長春花藍
四角配色相近顏色:淺綠色, 淺土耳其藍, 淡紫色

使用哈密瓜色的配色色票

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

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

哈密瓜色與文字顏色的對比

白色文字對比度 1.6:1 · 不建議
黑色文字對比度 12.8:1 · AAA

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

CSS 程式碼

:root {
  --melon: #FEBAAD;
  --melon-rgb: 254, 186, 173;
}
.bg { background-color: var(--melon); }
.text { color: var(--melon); }

和哈密瓜色相近的顏色

沙漠色蜜桃色乾燥玫瑰色裸色

使用這個顏色的主題配色

其他橘色系

橘色柑橘色南瓜色紅蘿蔔色杏色蜜桃色珊瑚色赤陶色焦橘色鮭魚粉鐵鏽色銅色螢光橘粉彩橘橘紅色芒果色柿子色淺鮭魚色深橘色熟赭色珊瑚粉
哈密瓜色的色票,以及從淺到深的色階 · #FEBAAD
哈密瓜色的色票,以及從淺到深的色階 · #FEBAAD

接著試試這個

名字配色產生器輸入名字,做出你的色彩故事調色盤臉型測試找出你的臉型,以及適合的髮型和眼鏡轉盤產生器輸入選項就能轉的轉盤,也有顏色轉盤
查看所有免費工具 →

常見問題

哈密瓜色的色碼是多少?

哈密瓜色的 HEX 色碼是 #FEBAAD。RGB 為 rgb(254, 186, 173),HSL 為 hsl(10, 98%, 84%),CMYK 為 0, 27, 32, 0。

哈密瓜色的互補色是什麼?

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

在哈密瓜色上放白色文字好閱讀嗎?

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