设计/配色免费工具

关于设计/配色工具

汇集了有助于配色与视觉制作的免费工具，包括取色器、颜色代码转换、配色方案生成、CSS 渐变、对比度检查、favicon 生成等。全部免注册、在浏览器中即可使用。

上传一张图片即可一键生成 favicon.ico 以及 Apple Touch、Android、PWA 全尺寸网站图标,并自动输出 site.webmanifest 和安装用 HTML 代码。可调整背景色、留白与圆角。图片不上传、全程在浏览器中处理,免费、免注册、安全可靠。

从图片中提取颜色并获取颜色代码的免费取色器，可用放大镜按像素精确拾取，支持 HEX / RGB / HSL 切换与调色板导出。免费、无需注册。

在 HEX、RGB、HSL、HSV、OKLCH 颜色代码之间相互转换的免费工具，支持透明度（RGBA、8 位 HEX）与 CMYK 参考值，一键复制任意格式，全程在浏览器中完成。

实时计算前景色与背景色对比度的免费颜色对比度检查器，判定 WCAG 2.1/2.2 AA、AAA 是否达标，并支持达标色建议、色盲（色觉）模拟与 APCA，全程在浏览器中完成。

只需选择一种基础色，即可基于配色理论自动生成互补色、类似色、三角配色等配色方案的免费在线配色工具。可导出为 CSS 变量、Tailwind、SCSS、JSON 格式，并能查看对比度参考，全程在浏览器中完成。

通过可视化界面调整颜色、方向和色标，即可自动生成 CSS 渐变代码的免费在线工具。支持线性、径向、圆锥（conic）渐变，可调整不透明度，并能导出为 CSS 变量、Tailwind、SCSS 格式，还支持分享 URL。复制即用，全程在浏览器中完成。