菠萝红
bō luó hóng · No.170 / 742
色值
| HEX | #FC7930 | |
| RGB | rgb(252, 121, 48) | |
| HSL | hsl(21, 97%, 59%) | |
| CMYK | cmyk(0%, 52%, 81%, 1%) |
CMYK 由 sRGB 色值换算，仅供参考；印刷请以打样为准。
适合做主色或稳定的辅助色。饱和度高，少量使用更稳。
数据更新于 2026-10-23
用这个颜色继续
配色关系
以「菠萝红」为锚点，从 742 色库里推导的配色方向。每一个都是真实的传统色，点开看它的详情。
同类 · 统一
保持同一种气质，让画面稳定、安静、低风险。
邻近 · 柔和
在统一中加入轻微转折，让画面有变化但不跳脱。
互补 · 强调
制造一眼可见的焦点，用于让按钮、标题、数字或行动入口被看见。
分裂互补 · 稳对比
保留对比张力，但比直接互补更柔和、更容易进入现代版面。
三角 · 系列感
建立三种方向的色彩节奏，适合多张内容或多模块系统。
四角 · 多层级
给复杂信息提供更多层级选择，用于大型专题或多状态系统。
冷暖 · 情绪差
用冷暖变化制造情绪转折，让主体、信息和氛围分开。
明色 · 浅背景
把主色变轻，生成背景、留白、柔和提示和低压阅读环境。
暗色 · 深文字
从主色关系里找更稳的文字、边界、深色底和压重点。
灰调 · 降噪
降低饱和度，让颜色更耐看、更适合长时间阅读和信息密集场景。
中性 · 留白
为主色提供结构、留白、边界和呼吸感，让信息更容易被看懂。
关于「菠萝红」
「菠萝红」是中国传统色之一，属橙色系，偏暖调。色值为 HEX #FC7930、RGB 252, 121, 48、HSL 21, 97%, 59%、CMYK 0, 52, 81, 1。在橙色系的 183 种传统色中按色序排第 116 位。配色上，互补方向可取「宝石蓝 #2486B9」，邻近色可取「海棠红 #F03752」。作为底色时，搭配深色文字的对比度约 6.6:1，达到 WCAG AA 正文标准（4.5:1）。
常见问题
「菠萝红」是什么颜色？
「菠萝红」是中国传统色之一，属橙色系，偏暖调。色值为 HEX #FC7930、RGB 252, 121, 48、HSL 21, 97%, 59%、CMYK 0, 52, 81, 1。在橙色系的 183 种传统色中按色序排第 116 位。
「菠萝红」的 RGB、HSL、CMYK 值是多少？
色值为 HEX #FC7930、RGB 252, 121, 48、HSL 21, 97%, 59%、CMYK 0, 52, 81, 1。
「菠萝红」适合搭配什么颜色？
配色上，互补方向可取「宝石蓝 #2486B9」，邻近色可取「海棠红 #F03752」。更多同类、分裂互补、三角等关系见本页「配色关系」。
「菠萝红」的色卡可以免费下载吗？
可以。本页提供「菠萝红」的 PNG 高清色卡和 SVG 分享卡，免费下载。项目由小小东整理维护，GPL-3.0 开源。