#FF8C00rgb(255, 140, 0)

#FFA500rgb(255, 165, 0)

#FFD700rgb(255, 215, 0)

#FFFACDrgb(255, 250, 205)

深橙,亮黄,适合夕阳过渡到黄昏等场景

标签：

暖色系

#C1440Ergb(193, 68, 14)

#E67E22rgb(230, 126, 34)

#F39C12rgb(243, 156, 18)

#FDEBD0rgb(253, 235, 208)

深棕橙,浅暖黄,适合烘焙的焦糖甜点等场景

标签：

暖色系

#994C00rgb(153, 76, 0)

#CD853Frgb(205, 133, 63)

#D2B48Crgb(210, 180, 140)

#F5DEB3rgb(245, 222, 179)

深陶棕,浅棕黄,适合手工赤陶器皿等场景

标签：

暖色系

#E74C3Crgb(231, 76, 60)

#FF6B6Brgb(255, 107, 107)

#FFA07Argb(255, 160, 122)

#FFE4E1rgb(255, 228, 225)

深红,浅粉橙,适合春日桃花与落日等场景

标签：

暖色系

#F1C40Frgb(241, 196, 15)

#F7DC6Frgb(247, 220, 111)

#FFF9C4rgb(255, 249, 196)

#FFFDE7rgb(255, 253, 231)

亮黄,米黄,适合午后阳光洒在棉麻上等场景

标签：

暖色系

#8B4513rgb(139, 69, 19)

#A0522Drgb(160, 82, 45)

#D2B48Crgb(210, 180, 140)

#FFEBCDrgb(255, 235, 205)

深木棕,浅棕黄,适合实木家具与藤编等场景

标签：

暖色系

#FF5722rgb(255, 87, 34)

#FF7043rgb(255, 112, 67)

#FFAB91rgb(255, 171, 145)

#FFE0B2rgb(255, 224, 178)

深橙红,浅橙,适合成熟的柿子与橘子等场景

标签：

暖色系

#D4AF37rgb(212, 175, 55)

#F0C420rgb(240, 196, 32)

#F7E7CErgb(247, 231, 206)

#FFF8E1rgb(255, 248, 225)

浅金,米黄,适合琥珀与蜂蜜等场景

标签：

暖色系

暖色系色卡|暖色系颜色搭配|暖色系色彩搭配

暖色系色卡与配色方案大全：精选暖色系主题配色表，提供专业的暖色系颜色搭配与色彩搭配建议，支持 HEX 与 RGB 颜色代码一键复制。

🎨 暖色系应该是什么颜色？

暖色系的颜色以红、橙、黄为骨架，像阳光与炉火一样传递温度。这类色彩搭配能够拉近心理距离、唤起食欲与热情，在寒冷季节或需要营造亲切氛围的场景中效果尤为突出；与少量中性色平衡之后，热烈而不失稳重。把握暖色搭配的关键在于控制饱和度层级，避免大面积同饱和度的暖色互相拥挤。

📋 暖色系色卡与配色表特点

本页的暖色系色卡收录了多组围绕「暖色系」主题精心打磨的配色方案，每组配色表由 3~5 个相互协调的颜色组成，并逐一标注了标准 HEX 颜色代码与 RGB 颜色值，点击即可一键复制。与零散的颜色列表不同，这份配色表强调的是颜色之间的"关系"：色彩搭配时主色、辅助色与点缀色各司其职，色相、明度与饱和度保持统一的节奏，因此无论整组使用，还是挑出一两个颜色加入现有项目，都不容易破坏整体的和谐感。色温维度的配色方案还可以与季节、情绪、色温、风格等其他维度的配色表交叉组合，帮你更快收敛出理想的色彩搭配方向。

🎯 暖色系配色方案的应用场景

暖色系配色方案在需要精确把控画面温度的项目中非常实用：全屋软装的色彩规划、摄影与影视的调色参考、App 昼间与夜间主题的切换设计、餐饮与 retail 空间的氛围营造，都能从这组配色表出发快速找到平衡点。作为色温维度的配色表，它帮你从冷暖这一最基础的色彩属性入手建立搭配框架，再逐步叠加风格与情绪维度，让色彩搭配的决策过程更有条理。

💡 暖色系色彩搭配技巧与经验分享

1. 明确画面的冷暖主角：暖色系配色中冷暖色的比例决定氛围，建议先定 70% 的温度基调，再用 30% 做平衡； 2. 用中性色做缓冲带：当冷暖对撞显得生硬时，加入米白、灰或大地色作为过渡，画面会立刻柔和下来； 3. 同一色温内做层次：在暖色系范围里用明度阶梯制造前后关系，比引入对立色温更稳妥； 4. 考虑光源与环境色：屏幕、印刷与不同光线都会改变色温感受，落地前务必在真实媒介上校验一次。

❓ 暖色系配色常见问题

暖色系配色的主色怎么选？建议从画面想要突出的核心元素出发，在暖色系色谱中挑选辨识度最高、与背景形成足够对比的那个颜色作为主色，其余颜色按辅助与点缀的角色依次后退。暖色系色彩搭配如何保持统一？关键是守住统一的明度区间与饱和度区间，色相可以在暖色系范围内自由变化，但不要让某一个颜色在明度或纯度上"跳出"整体层级。配色表可以直接商用吗？可以，颜色数值本身不受版权保护，本页配色表中的 HEX 与 RGB 代码可自由用于商业项目；但若设计参考了他人拥有版权的作品，原作品的版权仍归原作者所有。

🛠️ 如何使用本页的暖色系配色方案

使用本页的暖色系配色方案非常简单：浏览上方的颜色卡片，每组配色都由若干相互协调的颜色组成，并标注了标准 HEX 颜色代码与 RGB 颜色值，点击色块即可一键复制，直接粘贴到 Figma、Sketch、Photoshop 或前端 CSS 中使用。如果你需要更精细的调整，可以进入颜色百科查看单个颜色的 HSL、HSV、CMYK 参数、色阶变体与 WCAG 对比度；如果想对比不同方向，也可以通过顶部筛选器切换到其他维度的配色表。建议把你验证过的暖色系色彩搭配沉淀为团队的配色规范，让每一次颜色搭配都有据可依。