宝蓝色
CSS RoyalBlue,鲜艳华丽的标准蓝宝石色
HEX
#4169E1RGB
rgb(65, 105, 225)HSL
hsl(225, 73%, 57%)HSV
hsv(225, 71%, 88%)CMYK
cmyk(71%, 53%, 0%, 12%)HEXA
#4169E1FFRGBA
rgba(65, 105, 225, 1)HSLA
hsla(225, 73%, 57%, 1)OKLCH
oklch(74.6%, 0.108, 264)LCH
lch(70.3%, 43.7, 270)🎨 配色方案
相似色2-3个相邻色相(≤60°)
复制
#41B9E1复制
#4169E1复制
#6941E1三色系3个间隔120°的色相
复制
#4169E1复制
#E14169复制
#69E141分裂互补色主色 + 互补色两侧的颜色
复制
#4169E1复制
#E16941复制
#B9E141互补色2个间隔180°的色相
复制
#4169E1复制
#E1B941矩形双互补色4个形成矩形的色相
复制
#4169E1复制
#E141B9复制
#E1B941复制
#41E169单色系单一色相,变化饱和度和亮度
复制
#0C1C4B复制
#193CA3复制
#4169E1复制
#9AAFEF复制
#F2F5FD♿ WCAG 对比度配色
深入了解 →Aa14px 正文
高对比文字
适合正文、标题等主要内容,确保所有用户都能清晰阅读
Aa14px 正文
标准文字
适合普通正文内容,满足 WCAG AA 标准
Aa14px 正文
大文字/UI组件
适合大号文字(≥18px 粗体或 ≥24px)、图标、UI 组件边界
Aa14px 正文
装饰/分割线
适合装饰性元素、分割线、非必要信息文字
明度变化 (Lightness)固定色相与饱和度,明度按比例缩放 30%→100%
饱和度变化 (Saturation)固定色相与明度,饱和度按比例缩放 40%→100%
明度 + 饱和度混合变化明度与饱和度同时按比例缩放 30%→100%
色相微调 (Hue Shift)固定饱和度与明度,步进微调色相 ±15°
💡 适用场景
皇室周边
王室纪念币或白金汉宫纪念品的包装,维持官方周边的顶级仪式感。
珠宝陈列
蒂芙尼蓝外的另一种顶奢陈列用色,深色绒布上展示钻石与蓝宝格外吸睛。
电竞冠军
赛事冠军图标或限定皮肤,用宝蓝色强调王者地位,点燃玩家追求的欲望。
黄金档栏
新闻或颁奖礼节目的片头动画,快速建立起宏大、权威且华丽的视觉基调。
📜 起源与历史
宝蓝色,即皇家蓝,其传说起源于18世纪英国。传闻乔治三世在为其夏洛特王后挑选礼服时,要求工匠创造出一种能压倒法国群青的新蓝。这种鲜亮且奢华的蓝色随即被冠以皇家之名。
19世纪,随着合成染料技术成熟,皇家蓝不再被宫廷垄断,转而成为欧洲贵族纹章学中的重要构成。维多利亚时期,皇家蓝宝石被确立为九月的诞生石,极具象征意义。
1950年代以来,英国王室在重大国事活动中频繁使用宝蓝色装扮。戴安娜王妃及后来的凯特王妃,都有经典的宝蓝色大衣裙造型,将其塑造成端庄而又亲民的王室标志。
数字标准中的RoyalBlue强化了其鲜艳度与明度,像素级的RGB配比使它在屏幕上呈现出珠宝般的璀璨感。在扁平化设计浪潮中,它是鲜艳却不刺眼的明星色,引导视觉焦点。
🧠 色彩心理学
高贵流淌着贵族血统,自带仪式感,让平凡的载体沾染上尊贵正统的气息。
华丽如蓝宝石的璀璨火彩,不掩饰地宣扬美与优越,气场全开。
忠诚皇冠下的宣誓色,被赋予了对信仰与誓言九死不悔的悲剧式人格。
自信极其鲜明的色彩主张,代表确立自我、毫不退缩的领袖型心态。
庆典总是与胜利、加冕和典礼关联,是人生高光时刻的专属御用色。
甄选高标准严要求的代名词,暗示着万里挑一的卓越品质与精选。