输入关键词搜索 AI 工具、分类,或直接跳转页面
颜色代码表是专注于色彩查询、转换与设计的工具类网站,核心定位是为设计、开发等相关从业者提供便捷的色彩解决方案。核心功能包括多格式颜色代码一键转换、AI辅助配色方案生成、渐变色效果自定义设计,支持符合WCAG 2.1标准的无障碍配色校验,覆盖日常设计、前端开发、视觉创作等多个场景的色彩需求。目标用户包含UI设计师、前端开发人员、平面设计师、新媒体运营、插画创作者等对色彩应用有需求的群体,可满足从基础颜色查询到完整配色方案落地的全流程使用需求。
进入网站首页后,可先在顶部搜索框输入已知的HEX、RGB等格式颜色代码,或者点击取色器选取基础颜色,查看对应颜色的全格式参数与预览效果。
若需要生成配色方案,可进入AI配色模块,输入主色后选择配色类型,系统会自动生成多套适配的配色方案,可按需调整色彩的饱和度区间。
若需要制作渐变色,切换到渐变色生成模块,添加渐变节点并调整角度、位置等参数,实时预览渐变效果后可直接复制对应CSS代码。
完成配色后可进入无障碍校验模块,分别输入前景色与背景色代码,查看对比度达标情况,根据提示调整颜色以符合无障碍设计要求。
确认最终的色彩方案后,选择对应的导出格式,可复制代码、导出色卡图片或者生成分享链接,应用到自身的项目当中。
看完教程,直接上手试试
访问 颜色代码表 官网