手动输入
常用颜色
渐变预览
可读性检查(WCAG)
白色文字
对比度:3.68:1
✗ AA|✗ AAA
黑色文字
对比度:5.71:1
✓ AA|✗ AAA
关于 颜色选择器
颜色选择器不是只给设计师用的工具,前端开发、品牌运营、产品经理在日常工作中都会频繁遇到“颜色不统一”的问题。比如活动页按钮颜色和品牌主色不一致、设计稿标注是 RGB 但代码要写 HEX、UI 组件暗黑模式下对比度不达标。这个工具把 HEX、RGB、HSL 互转、取色、对比度检查放到一个页面里,适合在设计与开发协作中快速对齐颜色规范。
对 AI 辅助设计场景也很有帮助:你用大模型生成配色建议后,可以在这里验证可读性与无障碍对比,再落地到实际界面。相比在多个软件间来回切换,浏览器色彩工具路径更短、反馈更快,特别适合需要高频试色和主题迭代的智能办公团队。
常见问题
Q:HEX、RGB、HSL 应该用哪个?▼
Q:对比度检查有什么用?▼
Q:适合做品牌色管理吗?▼
Q:随机配色能用于实际项目吗?▼
Q:和 AI 设计工具怎么配合?▼
相关工具推荐
同类高频工具,点开即可继续处理。
AI 文案生成
功能介绍:AI 文案生成可根据产品/话题描述,一键产出适配不同社交平台风格的爆款文案。使用步骤:输入主题描述,选择目标平台(小红书/抖音/公众号/朋友圈)、文案风格与长度,点击生成即可获取成品文案。适用场景:社媒运营、种草笔记、短视频脚本、朋友圈营销。优势特点:多平台风格适配、一键复制、额度消耗低、无需文案功底。
AI 电商生图
AI 电商主图生成器支持商品图自动抠图、多平台尺寸适配(淘宝/京东/拼多多)、背景模板一键生成。输入商品描述,AI 自动产出商业级主图与详情页素材。
AI 写真生成
AI 写真生成支持多种人像风格:职业照、古风汉服、婚纱写真、艺术油画。输入描述或上传参考图,快速生成高清人像摄影作品。
AI 修图
功能介绍:AI 修图可对图片局部进行重绘与细节优化。使用步骤:上传图片后涂抹修改区域,输入指令生成并对比前后效果,满意后下载。适用场景:电商主图优化、内容配图修复、日常精修。优势特点:网页即用、无需下载软件、操作门槛低,支持快速迭代。