中文站
原站 coolors.co 返回首页
#FF5E03HSL(22, 100%, 51%)
#734165HSL(317, 28%, 35%)
#A2578DHSL(317, 30%, 49%)
#F09FD9HSL(317, 73%, 78%)

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

轻盈通透,色彩会说话

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

hero 主色 #FF5E03 点缀

服务呈现

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

品牌策划

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

视觉设计

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

前端实现

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

产品呈现

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

柔光台灯

暖光无频闪 · 触控调光

¥299新品
p2

编织音箱

织物包裹 · 低音浑厚

¥499 4.9
banner

为创作选对色彩

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

主色 辅色

专业呈现

技能进度条随配色着色
配色
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
色值详情
#FF5E03
#734165
#A2578D
#F09FD9
相似配色
Gentle Hues Gentle Hues 配色
2,946
Mystic Elegance Mystic Elegance 配色
3,506
Rosewood Romance Harmony Rosewood Romance 和谐
2,139
Mystic Ocean Breeze Mystic 海洋 微风
1,338
Whimsical Wonderland Adventure Whimsical Wonderland 冒险
2,467
Midnight Jungle Magic 午夜 Jungle Magic
1,089
Lush Orchard Lush Orchard 配色
2,520
Serene Tranquil Pools Serene Tranquil Pools 配色
1,628