中文站
原站 coolors.co 返回首页
#792120HSL(1, 58%, 30%)
#F8BD4FHSL(39, 92%, 64%)
#FFFFEFHSL(60, 100%, 97%)
#573829HSL(20, 36%, 25%)
#957A75HSL(9, 13%, 52%)

autumn 原站查看
单页示意 — 随配色实时切换

轻盈通透,色彩会说话

大留白与大图穿插,感受当前配色在完整单页中的真实落地。强调色与价格均取自上方 5 色。

hero 主色 #792120 点缀

服务呈现

三张纯色卡片,无图,仅用配色与图标呈现

品牌策划

以 #792120 为主强调,辅以 #573829 浅底,呈现服务的层次与专业度。

视觉设计

第 2 色 #F8BD4F 作图标底,卡面用 #FFFFEF 透底,干净通透。

前端实现

深色 #957A75 少量点缀,用于强调技术与可靠感。

产品呈现

仅大卡片使用免费大图(Picsum),小卡片已改为纯色
p1

柔光台灯

暖光无频闪 · 触控调光

¥299新品
p2

编织音箱

织物包裹 · 低音浑厚

¥499 4.9
banner

为创作选对色彩

大图与留白让配色更透气:主按钮与价格取 #792120,徽标取 #F8BD4F

主色 辅色

专业呈现

技能进度条随配色着色
配色
92%
视觉
84%
前端
78%

数据呈现

10k+服务客户
98%满意度
320+上线项目
7年行业深耕

服务反馈

配色很准,落地效果超出预期,团队沟通也很顺畅。

A Alice · 品牌主理人

细节到位,从提案到交付都保持高水准。

B Bob · 创意总监

合作伙伴

Apple Google MSFT Meta Amzn Spotify

提交表单

contact
常用组件样式示意(Bootstrap / Vue 风格)

按钮

Badge Hot Tag

表单

提示

Info — 使用第 2 色的浅底深字提示
Success — 第 4 色成功态
Primary — 第 1 色通栏提示

卡片与导航

Active Menu 设置
迷你取色条 · 悬停查看 HEX
色值详情
#792120
#F8BD4F
#FFFFEF
#573829
#957A75
相似配色
Chocolate Swirl Delight 巧克力漩涡欢乐
29
Electric Rainbow Burst 电流 Rainbow 迸发
35
Vibrant Sunset Burst 活力 日落 迸发
39
Rustic Autumn Essence Rustic 秋日 Essence
91
Spicy Cinnamon Delight Spicy Cinnamon 愉悦
132
Mystical Lavender Fields 神秘的薰衣草田
176
Mysterious Earth Tones Mysterious 大地 Tones
253
Cozy Coastal Retreat Cozy 海岸 Retreat
253