中文站
原站 coolors.co 返回首页
#BB010BHSL(357, 99%, 37%)
#CD1624HSL(355, 81%, 45%)
#006F57HSL(167, 100%, 22%)
#23856DHSL(165, 58%, 33%)
#FAF8F8HSL(0, 17%, 98%)

Ruby Emerald Harmony

红宝石翡翠和谐
christmas 原站查看
单页示意 — 随配色实时切换

轻盈通透,色彩会说话

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

hero 主色 #BB010B 点缀

服务呈现

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

品牌策划

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

视觉设计

第 2 色 #CD1624 作图标底,卡面用 #006F57 透底,干净通透。

前端实现

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

产品呈现

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

柔光台灯

暖光无频闪 · 触控调光

¥299新品
p2

编织音箱

织物包裹 · 低音浑厚

¥499 4.9
banner

为创作选对色彩

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

主色 辅色

专业呈现

技能进度条随配色着色
配色
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
色值详情
#BB010B
#CD1624
#006F57
#23856D
#FAF8F8
相似配色
Retro Vintage Vibes 复古复古氛围
6
Fiery Red Delight 火热的红色喜悦
6
Sunset Citrus Grove 日落柑橘林
20
Midnight Shadow Shades 午夜阴影阴影
23
Vibrant Summer Fun 充满活力的夏日乐趣
36
Fierce Fiery Forest 烈焰森林
36
Cinnamon Wine Harvest 肉桂酒收获
46
Neon Fantasy Lights 霓虹 Fantasy Lights
46