在UI设计中,颜色几乎是第一个被感知的设计元素。良好的色彩感知能力是成为优秀设计师的基础。配色工具层出不穷。经过筛选的100多种配色工具,挑选出这25种,相信一定会对你有所帮助!
成都创新互联公司主要从事网站建设、网站设计、网页设计、企业做网站、公司建网站等业务。立足成都服务定边,10年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:028-86922220
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/