颜色可视化工具

在真实场景中预览颜色效果，立即评估您的设计颜色方案

选择场景颜色

调整 primary 颜色

颜色选择器

#1677FF

颜色方案预览

A
网站名称
首页关于联系

欢迎访问

这是一个示例页面，展示您选择的颜色效果。

卡片标题

卡片的简短描述内容

卡片标题

卡片的简短描述内容

© 2023 示例网站. 保留所有权利。

颜色方案总览

primary

#1677FF

secondary

#52C41A

text

#333333

background

#FFFFFF

accent

#FF4D4F

使用提示

  • 调整左侧的颜色选择器以实时预览效果
  • 切换顶部标签查看不同场景下的颜色应用
  • 开启暗黑模式以测试暗色背景下的配色
  • 完成后可以导出颜色方案为 JSON 文件
前往颜色选择器前往颜色管理工具