石青色
数字版石青,偏青绿的矿物蓝色调
HEX
#1685A9RGB
rgb(22, 133, 169)HSL
hsl(195, 77%, 37%)HSV
hsv(195, 87%, 66%)CMYK
cmyk(87%, 21%, 0%, 34%)HEXA
#1685A9FFRGBA
rgba(22, 133, 169, 1)HSLA
hsla(195, 77%, 37%, 1)OKLCH
oklch(75.1%, 0.103, 213)LCH
lch(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 正文
高对比文字
适合正文、标题等主要内容,确保所有用户都能清晰阅读
Aa14px 正文
标准文字
适合普通正文内容,满足 WCAG AA 标准
Aa14px 正文
大文字/UI组件
适合大号文字(≥18px 粗体或 ≥24px)、图标、UI 组件边界
Aa14px 正文
装饰/分割线
适合装饰性元素、分割线、非必要信息文字
明度变化 (Lightness)固定色相与饱和度,明度按比例缩放 30%→100%
饱和度变化 (Saturation)固定色相与明度,饱和度按比例缩放 40%→100%
明度 + 饱和度混合变化明度与饱和度同时按比例缩放 30%→100%
色相微调 (Hue Shift)固定饱和度与明度,步进微调色相 ±15°
💡 适用场景
国潮文创
故宫联名文具或汉服妆造,使用石青色能瞬间提炼出地道的中式古典高级感。
新中式装修
作为客厅沙发的丝绒面料,搭配胡桃木家具,营造轻奢的东方美学意境。
禅修应用
冥想类小程序的背景色,自带远离尘嚣、走入深山古寺的沉浸式禅意。
古籍装帧
用作仿古线装书封面的布料,比靛蓝更显雅致,蕴含岁月的风骨。
📜 起源与历史
石青色源自中国传统矿物颜料,主要成分为蓝铜矿,常与石绿共生。在唐代壁画和北宋青绿山水画中,石青是描绘重峦叠嶂、金碧山水的顶级颜料,王希孟《千里江山图》即以其为主要材料。
蓝铜矿在古代被误称为空青,因其颜色似雨后青天。古人在炼制丹药和入画时极重其纯度,需经粉碎、漂洗、沉淀等多道工序提纯,头青最为珍贵。
明代景泰蓝的工艺中,石青色的珐琅釉料被大量烧制在铜胎上。清代宫廷则爱用石青色绫罗制作常服,因其既有青出于蓝的尊贵,又比明黄沉稳文雅。
进入数字标准,CSS版的石青色被赋予了蓝绿之间的色值。它复刻了矿石在光线下变幻的微妙美感,既有蓝色的深邃又有绿色的生命力,常用于新中式设计的数字呈现。
🧠 色彩心理学
古雅直接勾起对宋人山水和金石拓本的联想,散发温润如玉的文人气质。
坚韧来自矿石般的坚实质感,带给人意志如磐石、不易动摇的心理暗示。
虚静似山间薄雾笼罩的远峰,引出道家致虚极、守静笃的空明境界。
苍茫带有边塞诗的时空感,让人感到天地的浩大与自我的渺小,心胸因而豁达。
清流不俗不媚,像隐士般有品格的色调,追求精神世界的绝对清净。
包容介于蓝绿之间的模糊地带,学会了平衡与变通,代表中庸的处世智慧。