语义色 Design Token 色值表 + WCAG 对比度达标表
含变量名、HEX/HSL 值、前景背景配对、对比度数值和是否达标两列配语义色并算对比度达标表
品牌主色一键配语义色,对比度自动核算
在GPT中文网办「配语义色并算对比度达标表」:点「直接办这件事」,点选品牌主色值、无障碍等级、配色模式等 7 项,AI 当场做出表格,能下载成 Excel。免费,不用注册。
详细说明
语义色表是给品牌主色配成功/警告/错误等语义色并核算 WCAG 对比度;在 GPT中文网点选几项,能直接拿到色值表和达标表。
要准备的
直接办这件事 →文字类免费 · 不注册也能办
能交什么
常见问题
关于这件事怎么办
语义色和品牌主色会不会撞色、区分度不够?
程序会检查语义色之间的色相距离,若成功和错误过于接近会提示调整色相或明度,建议人工再目视确认一次。
深色模式要重新算一遍吗?
要。深色模式背景不同,同一语义色对比度会变,表单里选「两者都要」会分别给出浅色和深色两套达标结果。
对比度临界值该留多少余量?
建议比目标等级高一点,比如 AA 要求 4.5:1 时尽量做到 4.8:1 以上,避免不同屏幕和渲染细节导致临界不达标。
配语义色并算对比度达标表需要准备什么?
需要填的是:品牌主色值、无障碍等级、配色模式、需要的语义色、Token 命名前缀、要核的配对、上传品牌色卡。每一项点一下就行,多数不用打字。点「直接办这件事」就开工;没选全也能先办,回头补了随时能改。
能拿到什么成果?
交付形式是表格——平台直接做好表格,能下载成 Excel。在GPT中文网(www.gpt.com.cn)按字段填完即可拿到。文字类成果免费生成,免注册即可试。
什么情况下需要配语义色并算对比度达标表?
手工配语义色再逐个算对比度,容易漏组合、算错、上线后被无障碍挑毛病。遇到这种情况,把信息按字段点选一遍,AI 按你点的出成品,不用自己琢磨怎么说。
适合谁用?
要做品牌色板或界面配色、又得保证无障碍达标的视觉设计师。不需要 AI 使用经验,按字段填完即可。
同类场景
其他全部 →- 做垫图重绘参数草稿表根据客户样图和构图草稿,列出几档底图、重绘幅度、预期效果的草稿对照表,方便试跑和核版权。出表格 · 免费
- 从照片提骨架线稿说明看一张现有照片,列出可提取的骨架、深度、边缘特征及各自用途,做成一页特征提取要点单供出图前核对。出表格 · 免费
- 从气氛图里取色出色板上传定稿气氛图,按区域取主色并归成主色、辅助色、点缀三档,出带色值的色板文件和色彩脚本对照表。出表格 · 免费
- 算放大分辨率和DPI换算表根据原图尺寸和投放或印刷用途,算出一张含用途、目标像素、放大倍数、分块参数的换算表。出表格 · 免费
- 对照brief批量筛图把一批批量出的图和brief对照,逐张标符合项,给存/废建议,出一份选图对比稿。出表格 · 免费
- 按风格出模型参数配比表根据目标风格和手头模型清单,生成不超过12组的采样器+步数+CFG+种子参数候选表…出表格 · 免费
- 出一版角色剪影草图按角色设定表和美术风格指南,出 4~6 版角色剪影草图、一份三视图草稿和配套色板…出图片 · 20 积分
- 出布光位置示意图按场地条件和想要的光效,写出主灯、辅灯、反光板的位置角度距离功率档,配一张灯位示意图。出文档 · 免费
接下来可能要办
做图片全部 →- 做汉堡主图加9格广告分镜图填好汉堡细节,直接出一张侧逆光主图加9格广告分镜排版图,适合做宣传海报…出图片 · 20 积分
- 做3D卡通角色渲染图填好角色外形和动作,直接出一张带塑料反光、边缘轮廓光的3D卡通渲染图…出图片 · 20 积分
- 做许可说明图填好要点,直接出一张侧逆光微距风格的许可说明图,突出纸张纹理与金属质感,对比色显专业…出图片 · 20 积分
- 做公众号头图告诉AI头图想画什么、什么风格,AI帮你出图并留好标题字的位置,画面构图配色都不用自己琢磨,做出…出图片 · 20 积分
- 做微博背景图填上主体和风格,直接出一张中心留白、侧逆光质感的微博背景图。想拿去别的 AI 用也能复制走。出图片 · 20 积分
- 把几张图拼成一张长图告诉AI长图要放什么内容、分几个板块,它帮你把好几张图按比例拼成一张排版整齐的长图,不用自己对着…出图片 · 20 积分