石青色

数字版石青,偏青绿的矿物蓝色调

HEX#1685A9
RGBrgb(22, 133, 169)
HSLhsl(195, 77%, 37%)
HSVhsv(195, 87%, 66%)
CMYKcmyk(87%, 21%, 0%, 34%)
HEXA#1685A9FF
RGBArgba(22, 133, 169, 1)
HSLAhsla(195, 77%, 37%, 1)
OKLCHoklch(75.1%, 0.103, 213)
LCHlch(72.2%, 39.5, 219)

🎨 配色方案

相似色2-3个相邻色相(≤60°)
复制
#16A783
复制
#1685A9
复制
#163AA7
三色系3个间隔120°的色相
复制
#1685A9
复制
#A71683
复制
#83A716
分裂互补色主色 + 互补色两侧的颜色
复制
#1685A9
复制
#A7163A
复制
#A78316
互补色2个间隔180°的色相
复制
#1685A9
复制
#A73A16
矩形双互补色4个形成矩形的色相
复制
#1685A9
复制
#8316A7
复制
#A73A16
复制
#3AA716
单色系单一色相,变化饱和度和亮度
复制
#000000
复制
#0A3C4D
复制
#1685A9
复制
#3DBCE6
复制
#97DBF2

♿ WCAG 对比度配色

深入了解 →
Aa14px 正文
高对比文字
#FFFFFF对比度 4.2:1AA Large
适合正文、标题等主要内容,确保所有用户都能清晰阅读
Aa14px 正文
标准文字
#FFFFFF对比度 4.2:1AA Large
适合普通正文内容,满足 WCAG AA 标准
Aa14px 正文
大文字/UI组件
#DCD2F9对比度 2.9:1Fail
适合大号文字(≥18px 粗体或 ≥24px)、图标、UI 组件边界
Aa14px 正文
装饰/分割线
#F193D9对比度 2:1Fail
适合装饰性元素、分割线、非必要信息文字
明度变化 (Lightness)固定色相与饱和度,明度按比例缩放 30%→100%
#062732复制
#093544复制
#0C475A复制
#0E556C复制
#10637E复制
#137595复制
#1683A7复制
饱和度变化 (Saturation)固定色相与明度,饱和度按比例缩放 40%→100%
#416D7C复制
#3A7183复制
#33748A复制
#2B7891复制
#247C99复制
#1D7F9F复制
#1683A7复制
明度 + 饱和度混合变化明度与饱和度同时按比例缩放 30%→100%
#161F23复制
#1A2C32复制
#1E3D48复制
#1F4D5C复制
#1D5C72复制
#1B718D复制
#1683A7复制
色相微调 (Hue Shift)固定饱和度与明度,步进微调色相 ±15°
#16A7A7复制
#169BA7复制
#168FA7复制
#1683A7复制
#1677A7复制
#166AA7复制
#165EA7复制

💡 适用场景

🏮

国潮文创

故宫联名文具或汉服妆造,使用石青色能瞬间提炼出地道的中式古典高级感。

🖼️

新中式装修

作为客厅沙发的丝绒面料,搭配胡桃木家具,营造轻奢的东方美学意境。

🪷

禅修应用

冥想类小程序的背景色,自带远离尘嚣、走入深山古寺的沉浸式禅意。

📜

古籍装帧

用作仿古线装书封面的布料,比靛蓝更显雅致,蕴含岁月的风骨。

📜 起源与历史

石青色源自中国传统矿物颜料,主要成分为蓝铜矿,常与石绿共生。在唐代壁画和北宋青绿山水画中,石青是描绘重峦叠嶂、金碧山水的顶级颜料,王希孟《千里江山图》即以其为主要材料。

蓝铜矿在古代被误称为空青,因其颜色似雨后青天。古人在炼制丹药和入画时极重其纯度,需经粉碎、漂洗、沉淀等多道工序提纯,头青最为珍贵。

明代景泰蓝的工艺中,石青色的珐琅釉料被大量烧制在铜胎上。清代宫廷则爱用石青色绫罗制作常服,因其既有青出于蓝的尊贵,又比明黄沉稳文雅。

进入数字标准,CSS版的石青色被赋予了蓝绿之间的色值。它复刻了矿石在光线下变幻的微妙美感,既有蓝色的深邃又有绿色的生命力,常用于新中式设计的数字呈现。

🧠 色彩心理学

古雅直接勾起对宋人山水和金石拓本的联想,散发温润如玉的文人气质。
坚韧来自矿石般的坚实质感,带给人意志如磐石、不易动摇的心理暗示。
虚静似山间薄雾笼罩的远峰,引出道家致虚极、守静笃的空明境界。
苍茫带有边塞诗的时空感,让人感到天地的浩大与自我的渺小,心胸因而豁达。
清流不俗不媚,像隐士般有品格的色调,追求精神世界的绝对清净。
包容介于蓝绿之间的模糊地带,学会了平衡与变通,代表中庸的处世智慧。