颜色与设计工具
关于颜色与设计工具
帮助配色与设计工作的免费工具集,包含取色器、颜色代码转换、对比度检查、调色板生成等。全部在浏览器中运行,免注册、免安装。
适用于确定 UI 配色、检查符合无障碍(WCAG)的对比度、挑选品牌色等场景。适合设计师、网页开发者、前端工程师等所有处理颜色的人。
颜色与设计工具一览
取色器
从图片中提取颜色并获取颜色代码的免费取色器,可用放大镜按像素精确拾取,支持 HEX / RGB / HSL 切换与调色板导出。免费、无需注册。
颜色代码转换
在 HEX、RGB、HSL、HSV、OKLCH 颜色代码之间相互转换的免费工具,支持透明度(RGBA、8 位 HEX)与 CMYK 参考值,一键复制任意格式,全程在浏览器中完成。
对比度检查器
实时计算前景色与背景色对比度的免费颜色对比度检查器,判定 WCAG 2.1/2.2 AA、AAA 是否达标,并支持达标色建议、色盲(色觉)模拟与 APCA,全程在浏览器中完成。
配色生成器
只需选择一种基础色,即可基于配色理论自动生成互补色、类似色、三角配色等配色方案的免费在线配色工具。可导出为 CSS 变量、Tailwind、SCSS、JSON 格式,并能查看对比度参考,全程在浏览器中完成。