蜜瓜色
蜜瓜果肉般的极浅绿白，清甜柔和近乎透明
HEX
#F0FFF0RGB
rgb(240, 255, 240)HSL
hsl(120, 100%, 97%)HSV
hsv(120, 6%, 100%)CMYK
cmyk(6%, 0%, 6%, 0%)HEXA
#F0FFF0FFRGBA
rgba(240, 255, 240, 1)HSLA
hsla(120, 100%, 97%, 1)OKLCH
oklch(99.3%, 0.011, 145)LCH
lch(99.3%, 12.1, 195)🎨 配色方案
相似色2-3个相邻色相（≤60°）
复制
#F7FFF0复制
#F0FFF0复制
#F0FFF7三色系3个间隔120°的色相
复制
#F0FFF0复制
#F0F0FF复制
#FFF0F0分裂互补色主色 + 互补色两侧的颜色
复制
#F0FFF0复制
#F7F0FF复制
#FFF0F7互补色2个间隔180°的色相
复制
#F0FFF0复制
#FFF0FF矩形双互补色4个形成矩形的色相
复制
#F0FFF0复制
#F0F7FF复制
#FFF0FF复制
#FFF7F0单色系单一色相，变化饱和度和亮度
复制
#24FF24复制
#8AFF8A复制
#F0FFF0复制
#FFFFFF复制
#FFFFFF♿ WCAG 对比度配色
深入了解 →Aa14px 正文
高对比文字
适合正文、标题等主要内容，确保所有用户都能清晰阅读
Aa14px 正文
标准文字
适合普通正文内容，满足 WCAG AA 标准
Aa14px 正文
大文字/UI组件
适合大号文字（≥18px 粗体或 ≥24px）、图标、UI 组件边界
Aa14px 正文
装饰/分割线
适合装饰性元素、分割线、非必要信息文字
明度变化 (Lightness)固定色相与饱和度，明度按比例缩放 30%→100%
饱和度变化 (Saturation)固定色相与明度，饱和度按比例缩放 40%→100%
明度 + 饱和度混合变化明度与饱和度同时按比例缩放 30%→100%
色相微调 (Hue Shift)固定饱和度与明度，步进微调色相 ±15°
💡 适用场景
气垫粉底
韩系彩妆的外壳主打色，传递'水光肌'和'裸妆'的视觉效果，暗示产品妆感轻薄、滋润服帖。
婴儿毛衣
手编的羊绒婴儿连体衣，蜜瓜色是男女宝都适用的中性色，呵护新生儿娇嫩的皮肤。
Bullet Journal
手帐博主最爱用的淡色荧光笔，标记重点时不遮盖文字，打造整洁而高颜值的笔记页面。
腮红试色
美妆博主的打光背景色，能够最真实地还原彩妆色彩，并让构图看起来格外干净、温柔。
📜 起源与历史
蜜瓜色作为X11标准的颜色名称，是为数不多以食物命名的网页安全色，其初衷是为单调的纯白网页提供更诱人的背景选项。
早在互联网诞生前，类似的色系就被用在20世纪50年代的美国餐厅和甜品店，因为极浅的绿白色能有效激发食欲并营造卫生感。
在Y2K美学盛行的时代，蜜瓜色与半透明塑料、充气家具等元素结合，打造出千禧年特有的乐观梦幻质感。
如今，蜜瓜色在韩系和日系的简约风潮中复兴，取代了生硬的白色，成为营造'伪素颜'般高级氛围感的利器。
🧠 色彩心理学
清甜可口如夏日午后的一勺哈密瓜果肉，这种颜色从视觉上刺激味蕾，带来水分充足、甘甜不腻的味觉联想。
软萌无害极低的色彩饱和度磨平了所有棱角，呈现出毫无攻击性的绵软质感，能瞬间激发强烈的保护欲。
干净细腻像是被蒸馏水反复冲洗过的色调，没有丝毫尘埃，带有极致的洁净感，适合洁癖和完美主义者。
青春元气充满胶原蛋白感的色彩，如少女红润脸颊上透出的一丝细微光泽，是生命力饱满的年轻态。
温馨治愈比白色多了几分温暖的人情味，蜜瓜色为冰冷的数字屏幕和现代建筑注入了家一般的治愈感。
自在轻松不给你任何视觉上的压力，让处在其中的人可以做最舒服的自己，彻底放松紧绷的神经。