配色与调色工具清单|取色 调色板 渐变 对比度与可访问性

整理一份配色与调色工具清单,覆盖取色/调色板生成、渐变灵感、配色推荐与对比度可访问性检查等环节,便于快速搭建稳定的色彩方案。

Coolors

工具地址:https://coolors.co/

需看协议|提供配色生成与调色板编辑,适合做快速方案迭代与导出。

Adobe Color

工具地址:https://color.adobe.com/

需看协议|内置色轮、和谐规则与趋势配色,适合做品牌色与主题色探索。

Color Hunt

工具地址:https://colorhunt.co/

需看协议|大量现成调色板灵感库,适合快速挑选风格与情绪方向。

Happy Hues

工具地址:https://www.happyhues.co/

需看协议|以真实页面示例展示配色落地效果,便于评估可读性与层级。

Khroma

工具地址:https://www.khroma.co/

需看协议|偏个性化推荐的配色发现工具,适合在固定偏好里找新组合。

Colormind

工具地址:http://colormind.io/

需看协议|调色板生成器,支持基于图片/锁定颜色继续生成,适合做系列延展。

Paletton

工具地址:https://paletton.com/

需看协议|经典色轮配色工具,可做互补/三色/分裂互补等组合推导。

uiGradients

工具地址:https://uigradients.com/

需看协议|渐变配色灵感集合,适合做背景氛围与卡片渐变快速选型。

Gradient Hunt

工具地址:https://gradienthunt.com/

需看协议|渐变库与导出,适合做 UI 视觉增强与营销图渐变参考。

Leonardo

工具地址:https://leonardocolor.io/

需看协议|可视化地调节对比度并生成可用的颜色刻度,适合做可访问性配色体系。

WebAIM Contrast Checker

工具地址:https://webaim.org/resources/contrastchecker/

需看协议|快速检查文字与背景对比度,适合在设计交付前做 WCAG 基线校验。

Accessible Colors

工具地址:https://accessible-colors.com/

需看协议|输入前景/背景色并给出可访问性建议,适合在 UI 细节阶段微调。

ColorSpace

工具地址:https://mycolor.space/

需看协议|基于单色生成配色与渐变方案,适合从品牌主色快速扩展一整套色盘。

ImageColorPicker

工具地址:https://imagecolorpicker.com/

需看协议|从图片提取主色/色值,适合从参考图或摄影图反推视觉基调。

Material Design Color

工具地址:https://m3.material.io/styles/color/overview

需看协议|参考 Material 3 的颜色体系思路,适合搭建可扩展的主题与状态色。

用户评论 (0)

登录后参与讨论

立即登录 注册账号

暂无评论,快来抢沙发吧~

操作成功