信号蓝
RAL信号蓝,醒目清晰的高饱和标准蓝
HEX
#154889RGB
rgb(21, 72, 137)HSL
hsl(214, 73%, 31%)HSV
hsv(214, 85%, 54%)CMYK
cmyk(85%, 47%, 0%, 46%)HEXA
#154889FFRGBA
rgba(21, 72, 137, 1)HSLA
hsla(214, 73%, 31%, 1)OKLCH
oklch(63.4%, 0.099, 243)LCH
lch(57.9%, 37.8, 253)🎨 配色方案
相似色2-3个相邻色相(≤60°)
复制
#158189复制
#154889复制
#1D1589三色系3个间隔120°的色相
复制
#154889复制
#891547复制
#478915分裂互补色主色 + 互补色两侧的颜色
复制
#154889复制
#891D15复制
#818915互补色2个间隔180°的色相
复制
#154889复制
#895715矩形双互补色4个形成矩形的色相
复制
#154889复制
#891581复制
#895715复制
#15891D单色系单一色相,变化饱和度和亮度
复制
#000000复制
#081931复制
#154889复制
#2776DD复制
#7FAEEB♿ WCAG 对比度配色
深入了解 →Aa14px 正文
高对比文字
适合正文、标题等主要内容,确保所有用户都能清晰阅读
Aa14px 正文
标准文字
适合普通正文内容,满足 WCAG AA 标准
Aa14px 正文
大文字/UI组件
适合大号文字(≥18px 粗体或 ≥24px)、图标、UI 组件边界
Aa14px 正文
装饰/分割线
适合装饰性元素、分割线、非必要信息文字
明度变化 (Lightness)固定色相与饱和度,明度按比例缩放 30%→100%
饱和度变化 (Saturation)固定色相与明度,饱和度按比例缩放 40%→100%
明度 + 饱和度混合变化明度与饱和度同时按比例缩放 30%→100%
色相微调 (Hue Shift)固定饱和度与明度,步进微调色相 ±15°
💡 适用场景
交通信号
德国高速公路的辅助引导标志和工程车的旋转警示灯罩,穿透雨雾达到标准视觉距离。
控制面板
注塑机或CNC控制器的急停和切换键,戴上沾油污手套也能凭借直觉快速定位出击。
赛车拉花
运动型摩托车及方程式赛车的空气动力学套件,用高亮信号蓝拉出极速下的视觉残影。
限时抢购
电商闪购专场的倒计时与一键清空购物车按钮,用信号蓝激发最后的肾上腺素。
📜 起源与历史
RAL 5005信号蓝的设计初衷是建立一个在恶劣天气和远距离下仍能被快速识别的工业安全色。德国联邦交通部在20世纪30年代的高速公路建设中,将信号蓝纳入了道路信号和工程机械的标准色系。
随着国际贸易扩展,信号蓝被国际海事组织采用为某些特定控制元件的识别色。在船舶的轮机舱和甲板机械中,信号蓝的按钮和手柄意味着切换海洋模式或操作通信设备。
在运动领域,信号蓝具有较高的抗褪色特性,被广泛运用于赛车和摩托车拉花。宝马M系列的经典蓝紫红三色拉花中,中间那一抹明亮的蓝就是信号蓝色彩的改装延伸。
如今在UI/UX设计中,信号蓝演化为拥有极高转化率的行动号召色。科技巨头和支付软件利用它单纯且不容忽视的物理特性,去驱动用户最后的点击,完成从犹豫到下单的转化。
🧠 色彩心理学
警示在复杂环境中具备绝对强势的穿透力,像是直接拉响了思维中的防空警报。
明确没有任何灰色地带的清晰度,拒绝暧昧与推脱,只传达最简单直接的控制指令。
鲜活去除了一切沉闷和复古的因子,像是刚调配出来的新鲜颜料,满溢着未干的化学活力。
操控天生与面板按键和操纵杆匹配的机械感,满足人类对精密切换和即时反馈的控制欲。
突出在背景噪音极大的视觉环境中强制自我凸显,是竞争红海中最后的注意力收割武器。
守序严格执行国际通用的安全色彩标准,在紧急状况中,靠条件反射来维护程序的有序运转。