#8B4513rgb(139, 69, 19)
#A0522Drgb(160, 82, 45)
#D2B48Crgb(210, 180, 140)
#F5DEB3rgb(245, 222, 179)
原木棕,浅棕黄,适合90年代家庭等场景
标签:
#9A3F3Frgb(154, 63, 63)
#C1856Drgb(193, 133, 109)
#E6CFA9rgb(230, 207, 169)
#FBF9D1rgb(251, 249, 209)
暗红棕,米杏色,适合老胶片滤镜等场景
标签:
#5D4037rgb(93, 64, 55)
#8D6E63rgb(141, 110, 99)
#D7CCC8rgb(215, 204, 200)
#EFEBE9rgb(239, 235, 233)
深胡桃,浅木灰,适合老式实木地板与木柜等场景
标签:
#C2185Brgb(194, 24, 91)
#E91E63rgb(233, 30, 99)
#F48FB1rgb(244, 143, 177)
#FFEBEErgb(255, 235, 238)
暗玫红,柔粉,适合80年代复古连衣裙等场景
标签:
#2E4057rgb(46, 64, 87)
#4A6583rgb(74, 101, 131)
#9FB3C8rgb(159, 179, 200)
#E2E8F0rgb(226, 232, 240)
深灰蓝,浅蓝,适合老电影里的民国蓝布衫等场景
标签:
#D4AF37rgb(212, 175, 55)
#F0C420rgb(240, 196, 32)
#F7E7CErgb(247, 231, 206)
#FFF8E1rgb(255, 248, 225)
浅金,米黄,适合老式黄铜饰品与米白桌布等场景
标签:
#8C7853rgb(140, 120, 83)
#C8B6A6rgb(200, 182, 166)
#E6E2D3rgb(230, 226, 211)
#F7F4EBrgb(247, 244, 235)
深麦棕,浅燕麦,适合老式粗布外套等场景
标签:
#9370DBrgb(147, 112, 219)
#BA55D3rgb(186, 85, 211)
#DDA0DDrgb(221, 160, 221)
#F0E6FArgb(240, 230, 250)
暗紫,浅紫,适合70年代复古丝绒窗帘等场景
标签:

复古风色卡|复古风颜色搭配|复古风色彩搭配

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

🎨 复古风应该是什么颜色?

复古风的颜色像泛黄的老照片:芥末黄、砖红、墨绿与棕褐在偏灰的色调中彼此融合,饱和度被岁月磨平,明度对比柔和。这类色彩搭配自带时间质感与怀旧叙事,适合表现经典、厚重与有故事感的品牌气质。

📋 复古风色卡与配色表特点

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

🎯 复古风配色方案的应用场景

复古风配色方案在风格化设计中是现成的起点:主题化的品牌视觉、风格鲜明的活动主 KV、插画与文创产品的色彩设定、潮流联名与主题空间设计,都可以直接借用这组配色表确立视觉基调,再叠加字体与图形语言完成整体表达。作为风格维度的配色表,它对应的是具体的设计流派与视觉语言,可以直接作为风格化设计的色彩起点,与字体、版式、图形语言配合使用效果更佳。

💡 复古风色彩搭配技巧与经验分享

1. 先吃透风格逻辑再配色:复古风不只是几个颜色的组合,还包括比例、质感与图形语言,配色表要和风格规则配合使用; 2. 锁定风格签名色:每种风格都有辨识度最高的两三个颜色,把它们固定为视觉资产,系列设计的统一感会大幅提升; 3. 克制跨界混搭:把复古风与其他风格的颜色混搭时,建议以 8:2 的比例控制,避免风格稀释; 4. 建立风格色卡档案:把验证过的配色方案沉淀为团队配色表,后续项目可以直接复用与迭代。

❓ 复古风配色常见问题

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

🛠️ 如何使用本页的复古风配色方案

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