✨
设计工具
共 1 个工具
GenTools 设计工具频道提供颜色选择器等实用工具,帮助设计师和前端开发者快速完成配色取色、格式转换和对比度检查工作。
颜色选择器集成取色器(支持屏幕全局取色)、HEX/RGB/HSL/HSV 多格式转换、颜色预览和 WCAG 对比度检查功能。输入色值或吸取颜色后,可同时查看不同格式的编码结果,一键复制到剪贴板用于设计稿或代码。对比度检查功能可自动计算前景色与背景色的可读性评分,确保符合 WCAG 2.1 无障碍标准。
工具页面还提供配色方案推荐和颜色渐变预览功能,帮助设计师快速找到适合品牌风格的配色组合。全部功能免费使用,无需注册账号,打开浏览器即可开始工作。
颜色选择器取色工具HEX转RGB配色方案对比度检查WCAG无障碍在线设计工具前端配色工具
颜色选择器
功能介绍:颜色选择器集成取色、HEX/RGB/HSL 转换与对比度检查。使用步骤:先取色或输入色值,再查看多格式结果并校验可读性,最后复制用于设计稿或代码。适用场景:品牌配色、界面设计、暗黑模式适配。优势特点:一页完成多项操作、协作更顺畅、在线免费且上手简单。
打开工具🆕 新上
✨
设计工具
共 1 个工具
GenTools 设计工具频道提供颜色选择器等实用工具,帮助设计师和前端开发者快速完成配色取色、格式转换和对比度检查工作。
颜色选择器集成取色器(支持屏幕全局取色)、HEX/RGB/HSL/HSV 多格式转换、颜色预览和 WCAG 对比度检查功能。输入色值或吸取颜色后,可同时查看不同格式的编码结果,一键复制到剪贴板用于设计稿或代码。对比度检查功能可自动计算前景色与背景色的可读性评分,确保符合 WCAG 2.1 无障碍标准。
工具页面还提供配色方案推荐和颜色渐变预览功能,帮助设计师快速找到适合品牌风格的配色组合。全部功能免费使用,无需注册账号,打开浏览器即可开始工作。
Palette
颜色选择器
🆕 新上功能介绍:颜色选择器集成取色、HEX/RGB/HSL 转换与对比度检查。使用步骤:先取色或输入色值,再查看多格式结果并校验可读性,最后复制用于设计稿或代码。适用场景:品牌配色、界面设计、暗黑模式适配。优势特点:一页完成多项操作、协作更顺畅、在线免费且上手简单。