实用工具生成器
色彩调色板生成器
从基准色、照片或随机灵感创建协调且易于访问的调色板。
HEX · RGB · HSL · OKLCH · WCAG
配色工作室
从基准色、照片或随机灵感创建协调且易于访问的调色板。
🖼️ 从图片提取颜色图片只在浏览器中处理，不会上传到服务器。
提示：按空格键可重新生成。
你的调色板
点击色值即可复制。重新生成前可锁定或调整颜色顺序。
拖动卡片或使用箭头调整顺序。
实时界面预览
你的调色板
无障碍与对比度
–
选择配色方式
单色调色板改变同一色相；邻近色彼此接近，互补、三角和四角模式使用更大的色相间隔。
发布前检查无障碍
WCAG 结果同时使用文字标记。AA 级普通文本需要 4.5:1，大号文本需要 3:1。
使用合适的颜色格式
HEX 与 RGB 支持广泛，HSL 便于调整，OKLCH 能提供感知上更均匀的明度和色度。
调色板生成器常见问题
什么是色彩协调？
它是色相之间可重复的关系，例如邻近色、互补色或三角色。
如何创建易于访问的调色板？
检查文字与背景的对比度，不要只依赖颜色，并测试交互状态。
图片会发送到服务器吗？
不会。颜色提取在浏览器本地运行，图片不会上传。
应该使用哪种导出格式？
网站使用 CSS，样式表使用 SCSS，应用使用 JSON，视觉参考使用 PNG。
宠物、数字与网站工具目录
需要另一个宠物或数字工具吗？
浏览狗龄、猫龄、宠物喂食与用药剂量工具，以及调色板、数据存储、像素密度和 RGB 转 HEX 工具。