中文站
原站 coolors.co 返回首页
#11151CHSL(218, 24%, 9%)
#212D40HSL(217, 32%, 19%)
#364156HSL(219, 23%, 27%)
#7D4E57HSL(349, 23%, 40%)
#D66853HSL(10, 62%, 58%)

Twilight Hues

黄昏色调
halloween 原站查看
单页示意 — 随配色实时切换

轻盈通透,色彩会说话

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

hero 主色 #11151C 点缀

服务呈现

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

品牌策划

以 #11151C 为主强调,辅以 #7D4E57 浅底,呈现服务的层次与专业度。

视觉设计

第 2 色 #212D40 作图标底,卡面用 #364156 透底,干净通透。

前端实现

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

产品呈现

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

柔光台灯

暖光无频闪 · 触控调光

¥299新品
p2

编织音箱

织物包裹 · 低音浑厚

¥499 4.9
banner

为创作选对色彩

大图与留白让配色更透气:主按钮与价格取 #11151C,徽标取 #212D40

主色 辅色

专业呈现

技能进度条随配色着色
配色
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
色值详情
#11151C
#212D40
#364156
#7D4E57
#D66853
相似配色
Grape Ember Carnival 葡萄余烬嘉年华
4
Nature's Harmony 大自然的和谐
51
Sunny Lemonade Splash 阳光柠檬水泼洒
99
Golden Summer Glow 金色夏日光芒
148
Electric Neon Dreams 电动霓虹梦
583
Blank Canvas 空白画布
1,097
Funky Midnight Vibes 时髦的午夜氛围
1,170
Tropical Sun Bliss 热带阳光灿烂
1,207