色彩对消费者有着强大的影响。根据 KISSmetrics 的数据,人们对产品的初步评估中,高达 90% 仅基于颜色。将动态的色彩搭配引入网站设计,可有效提高转化率并促进业务增长。
以下是一份网站配色工具体系推荐,涵盖色彩创建、图像取色、文本背景对比度设置、配色方案开发及灵感分享等功能。
Adobe Color CC
Adobe Color CC.
Adobe Color CC(前身为 Adobe Kuler)是一款支持网页与移动端的色彩捕捉应用。用户可通过相机或上传图片提取色彩主题,利用交互式色轮尝试组合,或使用 RGB 滑块编辑颜色,并基于色彩理论预设快速创建主题。
—
Coolors
Coolors.
Coolors 是一款配色方案生成器,支持创建、锁定颜色及获取搭配组合。用户可手动输入颜色、调整组件及更改顺序,轻松保存或导出调色板,并提供 iOS 和 Android 移动端版本。
—
Color Safe
Color Safe.
Color Safe 提供符合 W3C《Web 内容无障碍指南》的色彩调色板。输入背景色后,系统会根据推荐对比度,为小字号或大字号文本自动生成相应的文字颜色样式。
—
CheckMyColours
CheckMyColours.
CheckMyColours 用于检查 DOM 元素前景色与背景色的对比度是否达标,所有测试均基于万维网联盟(W3C)建议的算法执行。
—
The Color App
The Color App.
The Color App 是 Mac 平台取色工具,采用网格界面替代传统圆形界面,更便于选择前置颜色。支持采样颜色并获取 RGB、Hex 和 HSLA 值。
—
Color Hunter
Color Hunter.
Color Hunter 可从图像中提取并制作调色板。上传图像后即可生成配色,还支持通过标签、十六进制代码或图像 URL 进行搜索。
—
Multicolr Search Lab
Multicolr Search Lab.
Multicolr Search Lab 是一个包含两千万张图像的集合,支持按颜色搜索。这些颜色由 MulticolorEngine 从知识共享(Creative Commons)图像中提取而来。
—
ColorExplorer
ColorExplorer.
ColorExplorer 是在线调色板工具箱,可快速创建、管理和评估调色板。支持基于自有图形获取配色、探索匹配算法、浏览热门色彩库,并检测文本与背景色是否符合 W3C 指南。
—
Color
Color.
Color 是一个单页面色彩查找与保存工具。左右移动调整色相,上下移动调整明度,滚动调整饱和度。
—
SpyColor
SpyColor.
SpyColor 是色彩信息与转换工具。输入颜色名称或代码后,可获取该颜色在不同色彩模型中的转换结果、配色方案、类似色及单色调深浅变化。
—
ColorZilla
ColorZilla.
ColorZilla 是 Chrome/Firefox 扩展程序,内置颜色选取器、吸管工具和渐变生成器。可从浏览器任意位置读取颜色、快速调整并粘贴,还能分析页面调色板及创建复杂的多色标 CSS 渐变。
—
COLOURlovers
COLOURlovers.
COLOURlovers 是一个色彩社交网络,供用户创建和分享颜色、调色板及图案。提供多种创作工具,并可连接社区获取灵感设计。
—
Pictaculous
Pictaculous.
Pictaculous 是 MailChimp 推出的调色板生成工具。上传图片即可获取配色方案,并通过集成 Adobe 和 ColourLovers 获得额外配色建议。
—
ColRD
ColRD.
ColRD 是一个色彩灵感分享社区,用户可分享颜色、调色板、渐变、图案及彩色图像。网站还包含颜色选择器和颜色球等实用工具。
—

