篷布灰

防水篷布的灰蓝调，风雨兼程的旅途印记

灰色系沉静西方古典

HEX#575E60

RGBrgb(87, 94, 96)

HSLhsl(193, 5%, 36%)

HSVhsv(193, 9%, 38%)

CMYKcmyk(9%, 2%, 0%, 62%)

HEXA#575E60FF

RGBArgba(87, 94, 96, 1)

HSLAhsla(193, 5%, 36%, 1)

OKLCHoklch(71.3%, 0.007, 216)

LCHlch(66.8%, 9.5, 216)

🎨 配色方案

相似色2-3个相邻色相（≤60°）

三色系3个间隔120°的色相

分裂互补色主色 + 互补色两侧的颜色

互补色2个间隔180°的色相

矩形双互补色4个形成矩形的色相

单色系单一色相，变化饱和度和亮度

♿ WCAG 对比度配色

深入了解 →

Aa14px 正文

高对比文字

#FFFFFF对比度 6.6:1AA

适合正文、标题等主要内容，确保所有用户都能清晰阅读

Aa14px 正文

标准文字

#D4D5D8对比度 4.5:1AA

适合普通正文内容，满足 WCAG AA 标准

Aa14px 正文

大文字/UI组件

#B0AFB6对比度 3:1AA Large

适合大号文字（≥18px 粗体或 ≥24px）、图标、UI 组件边界

Aa14px 正文

装饰/分割线

#948992对比度 2:1Fail

适合装饰性元素、分割线、非必要信息文字

📊 色阶变体 (Scales)

在线调色 → 渐变生成器 →

明度变化 (Lightness)固定色相与饱和度，明度按比例缩放 30%→100%

#1B1D1D

#242728

#2E3233

#383C3E

#44494B

#4E5456

#575E60

饱和度变化 (Saturation)固定色相与明度，饱和度按比例缩放 40%→100%

#5A5D5E

#595D5F

#585E5F

#575E60

明度 + 饱和度混合变化明度与饱和度同时按比例缩放 30%→100%

#1B1C1D

#252727

#2F3132

#393C3C

#45494A

#4E5355

#575E60

色相微调 (Hue Shift)固定饱和度与明度，步进微调色相 ±15°

#576060

#575F60

#575E60

#575D60

#575C60

💡 适用场景

🎒

帆布背包

灰色防水帆布双肩包兼具复古质感与实用功能，是城市漫游者的标配

⛵

航海装备

船用篷布与遮阳棚的传统配色，耐盐雾抗紫外线的可靠选择

🏗️

建筑工地

脚手架防护网与临时雨棚的篷布灰，城市更新进程中常见的过渡色

👕

先锋时装

设计师将篷布材质与灰色调引入高级成衣，打破街头与奢华的边界

📜 起源与历史

篷布灰的历史与航海时代密不可分。18世纪英国皇家海军为远洋战舰配备涂有桐油的灰色亚麻篷布，覆盖火炮与物资以抵御盐雾侵蚀，篷布灰成为大航海时代的视觉符号。

工业革命期间，运河与铁路运输网络遍布欧洲。货船的舱口篷布与铁路货车的防雨罩大量采用灰色帆布，篷布灰从海洋延伸到内陆水道与铁道，成为物流与贸易的流动色彩。

第一次世界大战的西线战壕中，灰蓝色篷布被用作掩体遮盖与伤员转运担架的布料。在泥泞与硝烟中，篷布灰见证了战争最残酷的一面，也因此被赋予了坚韧与哀伤的双重含义。

当代街头潮流中，篷布灰被A-Cold-Wall等先锋品牌重新诠释。设计师将建筑工地的篷布材质与色彩融入高级成衣，用粗粝的工业灰调表达对城市底层劳动者的关注。

🧠 色彩心理学

坚韧历经海上风暴与战壕泥泞的色彩，传递不被恶劣环境摧毁的意志力

旅途与运输与迁徙紧密相连，唤起对远方与未知旅途的淡淡向往

守护篷布遮盖与庇护的功能赋予色彩以保护者的角色意象

沧桑风吹雨打后的褪色与磨损质感，记录着时间与自然的双重作用

务实毫无装饰诉求的纯粹功能色，体现彻底的形式追随功能理念

孤独长途运输中独自面对风雨的色彩，带有漂泊者的孤寂气质

← 返回色彩探索