筛选出的25个配色工具-凯发k8国际

在ui设计中，颜色几乎是第一个被感知的设计元素。良好的色彩感知能力是成为优秀设计师的基础。配色工具层出不穷。经过筛选的100多种配色工具，挑选出这25种，相信一定会对你有所帮助！

cool background

cool background是由产品设计师moe amay设计的。它是一个由5个开源生成器组织的彩色图像工具集。它内置了5种不同的背景样式，每种样式也提供了简单的参数配置。非常酷和漂亮，你可以添加到你的博客，网站或桌面和移动壁纸。

网站链接：https://coolbackgrounds.io/

△ 多彩抽象三角形 trianglify.io

△动态粒子效果 marcbruederlin.github.io/particles.js

△渐变 cssgradient.io

△ 渐变层生成器 s.muz.li/ntfizjk0zwfh

△ unsplash图片集 unsplash.com

picular是一个基于谷歌图像搜索的颜色生成器。您可以通过输入一个描述词快速生成配色方案。

网站链接：https://picular.co/

palettte app

palettte是一个颜色编辑和重新映射工具，它可以直观地看到不同颜色之间过渡的平滑性，匹配更和谐的颜色，还支持单独的颜色微调。我们还可以导入、分析和编辑现有的配色方案。

网站链接：https://palettte.app/

pigment

pigment 可以通过饱和度、色温以及色系来生成我们独特的配色方案，还可以查看不同配色的配色场景图片。

网站链接：https://pigment.shapefactory.co/

muzli colors

muzli colors是一个调色板生成器。您可以添加颜色代码或名称来查看相关的配色方案，预览ui kit演示，或选择初始颜色，快速生成和编辑多个配色方案，并选择根据我们自己的颜色预览和下载定制的ui工具包。

网站链接：https://colors.muz.li

colorable

colorable是一个非常有用的工具来评估可及性的颜色匹配。

网站链接：https://colorable.jxnblk.com/

history’s palettes

一键式复古配色，搜索近4000年来最具代表性的180种配色。

网站链接：https://colorleap.app/home

art palette

基于谷歌ai的智能配色工具，根据你搜索的配色方案，提供与颜色主题匹配的艺术图片。

网站链接：https://artsexperiments.withgoogle.com/artpalette/

colorspace

color space 是一款非常实用的渐变生成器，我们只需要选择一个颜色，就可以快速生成20-30种不同风格的配色方案。同时还提供了梯度和三色渐变选项，可以快速生成配色并查看 css 代码。

网站链接：https://mycolor.space/

adobe color

adobe color 通过拖拽色轮或输入自定义色值，可以创造出基于相似、互补、三原色等不同色彩规则的配色方案。除此之外，还支持 cmyk、rgb、hsv 多种色彩模式的配色调整。

网站链接：https://color.adobe.com/create

eva design system

eva design system 是一个基于深度学习算法的配色网站。适用于给我们的产品或品牌生成一个系统的配色方案。

网站链接：https://colors.eva.design/

site palette

site palette 是一款设计师和前端开发人员必备的谷歌插件。可以自动吸取网站的主要颜色，帮助我们建立色板，以及寻找相关配色的图片，并一键下载配色方案。

网站链接：http://palette.site/

brandcolors

brandcolors是最大的官方品牌颜色集合。包含超过500个品牌的十六进制颜色编码，包括facebook， twitter， instagram等。

网站链接：https://brandcolors.net/

colorbox

colorbox是一个用来生成颜色集的颜色工具。它可以帮助我们轻松地创建一个非常冷的颜色集。色彩匹配页面也有大量的个性化选项，以满足我们的任何需求。

网站链接：https://www.colorbox.io/

color — cloudflare design

专为ui设计人员创建的颜色匹配工具。它支持基于用户界面元素的颜色匹配预览，在可访问的颜色组合中循环，以及手动创建色彩方案，通过url导入或生成颜色匹配。

网站链接：https://cloudflare.design/color/

lol colors

lol颜色是一个可爱的配色网站。颜色大多是明亮和新鲜的。可以直接拖动鼠标显示颜色值，方便收集色卡。

网站链接：https://www.webdesignrankings.com/resources/lolcolors/

eggradients

eggradients是一个配色网站，包含最新设计趋势的渐变颜色，以鸡蛋的形式展示。支持一键复制十六进制和css代码。

网站链接：https://www.eggradients.com/

svg colorizer

svg着色器，自动彩色svg图标和svg矢量。您可以选择不同的图标来生成不同的配色方案，或者您可以根据您的偏好添加新的颜色或修改现有的配色方案。

网站链接：https://www.iconshock.com/svg-color/

coolhue 2.0

coolhue 2.0是一个免费的素描渐变颜色匹配插件和收集工具。

网站链接：https://webkul.github.io/coolhue/sketch-plugin/

free mesh gradient collection

包含超过100个免费的梯度颜色集合，并支持下载各种格式，如素描，png， ai， jpg，和eps。

网站链接：https://www.ls.graphics/meshgradients

webgradients

webgradients是一个由顶级设计师策划的免费的梯度颜色匹配网站。它有180个漂亮的线性渐变，支持css3、photoshop和sketch等多种格式。

网站链接：https://webgradients.com/

gradient buttons

很酷的渐变按钮，悬停动画效果，一键复制css代码。

网站链接：https://gradientbuttons.colorion.co/

color palettes

调色板包含数千种选择的颜色组合。

网站链接：https://www.canva.com/colors/color-palettes/

paletton

paletton是一个在线色圈配色工具。我们可以根据自己的需要选择单色、相似色、对比色等规则来检查颜色匹配，也可以实时查看网页上的匹配效果。

网站链接：http://paletton.com/#uid=1000u0kllllafw0g0qfqfg0w0af

grabient

grabient是一个非常漂亮实用的渐变网站，它支持css样式代码的复制，360度渐变旋转，自由添加或删除渐变颜色等功能。

网站链接：https://www.grabient.com/