月弦科技免费图像处理工具
颜色详情

#D3D3F8浅雾鲜活蓝 240 / Mist Vivid Blue 240

浅雾鲜活蓝 240(#D3D3F8)颜色详情:RGB 211, 211, 248,HSL 240°, 73%, 90%。查看 CMYK、LAB、明暗色阶、互补配色、WCAG 对比度与 CSS 代码,免费无需登录。

#D3D3F8

颜色格式与精确数值

复制设计、网页和印刷工作中常用的颜色表示方式。

HEX#D3D3F8
RGB211, 211, 248
HSL240°, 73%, 90%
HSV / HSB240°, 15%, 97%
CMYK15%, 15%, 0%, 3%
CIE XYZ67.1, 67.21, 98.23
CIELAB85.61, 7.22, -18.06
推荐文字#000000

明暗色阶

从浅色背景到深色强调,点击任一色块继续查看或编辑。

配色关系

基于 HSL 色轮计算的四组常用配色方案。

互补色

高对比组合,适合强调与行动元素。

邻近色

连续自然,适合统一的界面层次。

三角色

均衡活跃,适合图表、插画与品牌系统。

分裂互补

保留反差,同时比直接互补更柔和。

文字对比度

按照 WCAG 2.2 检查白色和黑色文字的可读性。

Aa
白色文字1.45 : 1普通文字 AA 未通过
AA ×
Aa
黑色文字14.44 : 1普通文字 AA 通过
AA ✓

开发代码

HEX: #D3D3F8
RGB: rgb(211, 211, 248)
HSL: hsl(240 73% 90%)
CSS: --brand-color: #D3D3F8;
Android: #D3D3F8
Swift: UIColor(red: 0.827, green: 0.827, blue: 0.973, alpha: 1)

颜色分析与使用建议

#D3D3F8 属于蓝色,整体呈现轻盈、鲜明高饱和的视觉气质。

它适合用于页面底色、浅色卡片和大面积留白。实际落地时,应结合下方对比度结果选择文字颜色,避免只凭肉眼判断可读性。

实用原则

  • 用 #000000 作为首选文字色,可获得更高的基础对比度。
  • 品牌与界面使用时保留一组明暗变化,能让悬停、禁用和背景状态保持一致。
  • 印刷前请使用对应印刷配置文件校样,屏幕 RGB 与实际油墨会有差异。

相近颜色

按 RGB 距离筛选出的邻近颜色,可继续比较和组合。

用图片找到更多颜色

上传、拖入或粘贴图片,精准读取像素并自动提取主色板。

免费使用图片取色器 →
已复制到剪贴板