米白色
微带冷调的浅白，简约现代风格的经典底色
HEX
#F8F8FFRGB
rgb(248, 248, 255)HSL
hsl(240, 100%, 99%)HSV
hsv(240, 3%, 100%)CMYK
cmyk(3%, 3%, 0%, 0%)HEXA
#F8F8FFFFRGBA
rgba(248, 248, 255, 1)HSLA
hsla(240, 100%, 99%, 1)OKLCH
oklch(99.2%, 0.004, 286)LCH
lch(99%, 10.6, 223)🎨 配色方案
相似色2-3个相邻色相（≤60°）
复制
#FAFCFF复制
#F8F8FF复制
#FCFAFF三色系3个间隔120°的色相
复制
#F8F8FF复制
#FFFAFA复制
#FAFFFA分裂互补色主色 + 互补色两侧的颜色
复制
#F8F8FF复制
#FFFCFA复制
#FCFFFA互补色2个间隔180°的色相
复制
#F8F8FF复制
#FFFFFA矩形双互补色4个形成矩形的色相
复制
#F8F8FF复制
#FFFAFC复制
#FFFFFA复制
#FAFFFC单色系单一色相，变化饱和度和亮度
复制
#2E2EFF复制
#9494FF复制
#F8F8FF复制
#FFFFFF复制
#FFFFFF♿ WCAG 对比度配色
深入了解 →Aa14px 正文
高对比文字
适合正文、标题等主要内容，确保所有用户都能清晰阅读
Aa14px 正文
标准文字
适合普通正文内容，满足 WCAG AA 标准
Aa14px 正文
大文字/UI组件
适合大号文字（≥18px 粗体或 ≥24px）、图标、UI 组件边界
Aa14px 正文
装饰/分割线
适合装饰性元素、分割线、非必要信息文字
明度变化 (Lightness)固定色相与饱和度，明度按比例缩放 30%→100%
饱和度变化 (Saturation)固定色相与明度，饱和度按比例缩放 40%→100%
明度 + 饱和度混合变化明度与饱和度同时按比例缩放 30%→100%
色相微调 (Hue Shift)固定饱和度与明度，步进微调色相 ±15°
💡 适用场景
界面设计
网页与APP浅色模式的主背景色，降低长时间阅读带来的视觉疲劳
办公空间
开放式办公室的墙面与家具基础色，营造高效专注的工作环境
3C产品
智能手机与笔记本电脑的配色选择，用克制的白传递科技产品的理性美学
商务着装
夏季衬衫与轻正装的基础用色，低调而清爽的职场穿搭
📜 起源与历史
米白色Off-White一词最初来自纺织工业，指未经漂白的天然棉麻本色，带有些微的植物杂质色调，是天然纤维的原始色彩。
20世纪现代主义建筑和室内设计运动中，米白色取代了繁复的装饰色，成为包豪斯风格和北欧极简设计的标志性底色。
21世纪初苹果公司将米白色大量应用于产品设计和零售空间中，推动了这种克制的色彩在科技产品领域的大规模流行。
米白色近年来在数字界面设计中占据了重要位置，深色模式之外，浅色模式中纯白易造成视疲劳，米白成为更健康的屏幕底色选择。
如今米白色已成为简约现代生活方式的代名词，它既不像纯白那样冷峻疏离，也不像奶油白那样甜腻柔软，是一种克制而有温度的中间态。
🧠 色彩心理学
简约克制微妙的灰冷调抑制了白色的膨胀感，体现少即是多的极简审美追求
专注宁静不干扰视觉的柔和底色让人更容易集中注意力，适合需要深度思考的场景
现代理性包豪斯传统的延续，带有功能主义的冷静和工业文明的秩序感
干净清爽冷调底色带来洁净清爽的心理暗示，如刚洗过的亚麻床单般清新
中性包容介于冷暖之间的中性白，不带有强烈的情感倾向，给予更多搭配自由度
健康平衡适合长时间使用的屏幕底色，传达科技产品对使用者健康的关怀