#1E3A8Argb(30, 58, 138)

#3B82F6rgb(59, 130, 246)

#93C5FDrgb(147, 197, 253)

#DBEAFErgb(219, 234, 254)

深蓝,浅天蓝,适合深海到晴空等场景

标签：

冷色系

#0F52BArgb(15, 82, 186)

#4169E1rgb(65, 105, 225)

#87CEFArgb(135, 206, 250)

#E0F2FErgb(224, 242, 254)

深宝蓝,浅蓝,适合蓝宝石与湖水等场景

标签：

冷色系

#2E8B57rgb(46, 139, 87)

#4CAF50rgb(76, 175, 80)

#81C784rgb(129, 199, 132)

#E8F5E9rgb(232, 245, 233)

深松绿,浅绿,适合深山松林与嫩草等场景

标签：

冷色系

#4B0082rgb(75, 0, 130)

#8A2BE2rgb(138, 43, 226)

#BA55D3rgb(186, 85, 211)

#F0E6FArgb(240, 230, 250)

深紫,浅紫,适合夜空与薰衣草等场景

标签：

冷色系

#008080rgb(0, 128, 128)

#20B2AArgb(32, 178, 170)

#7FFFD4rgb(127, 255, 212)

#F0FFFFrgb(240, 255, 255)

深青,浅青,适合薄荷与湖水等场景

标签：

冷色系

#5F9EA0rgb(95, 158, 160)

#87CEEBrgb(135, 206, 235)

#B0E0E6rgb(176, 224, 230)

#E6F3F7rgb(230, 243, 247)

青灰,浅蓝,适合雾天湖水等场景

标签：

冷色系

#228B22rgb(34, 139, 34)

#32CD32rgb(50, 205, 50)

#90EE90rgb(144, 238, 144)

#F0FFF0rgb(240, 255, 240)

深绿,浅绿,适合青柠与嫩草等场景

标签：

冷色系

#3A5FCDrgb(58, 95, 205)

#607BAArgb(96, 123, 170)

#A4B4D4rgb(164, 180, 212)

#D7E0F2rgb(215, 224, 242)

深灰蓝,浅灰蓝,适合阴天海面等场景

标签：

冷色系

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

冷色系色卡与配色方案大全：精选冷色系主题配色表，提供专业的冷色系颜色搭配与色彩搭配建议，支持 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 对比度；如果想对比不同方向，也可以通过顶部筛选器切换到其他维度的配色表。建议把你验证过的冷色系色彩搭配沉淀为团队的配色规范，让每一次颜色搭配都有据可依。