中文站
原站 coolors.co 返回首页
#E0DDCFHSL(49, 22%, 85%)
#FAF6EEHSL(40, 55%, 96%)
#F9F6EEHSL(44, 48%, 95%)
#F2F1ECHSL(50, 19%, 94%)
#F4F0E6HSL(43, 39%, 93%)

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

轻盈通透,色彩会说话

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

hero 主色 #E0DDCF 点缀

服务呈现

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

品牌策划

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

视觉设计

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

前端实现

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

产品呈现

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

柔光台灯

暖光无频闪 · 触控调光

¥299新品
p2

编织音箱

织物包裹 · 低音浑厚

¥499 4.9
banner

为创作选对色彩

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

主色 辅色

专业呈现

技能进度条随配色着色
配色
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
色值详情
#E0DDCF
#FAF6EE
#F9F6EE
#F2F1EC
#F4F0E6
相似配色
Biscuit Sunday Morning Biscuit Sunday 晨光
8
Latte Cookie Clouds Latte Cookie Clouds 配色
10
Toasty Coffee Delight Toasty Coffee 愉悦
20
Coffee and Cream Delight Coffee and 奶油 Delight
25
Cozy Neutral Earthtones 温馨中性大地色
27
Golden Sunbeam Hues 金色 Sunbeam Hues
28
Golden Desert Sands 金色 沙漠 Sands
29
Soft Pastel Harmony 柔软 柔彩 Harmony
30