蒂斯资源网一直在用心做! 保存到桌面加入收藏设为首页

首页 > 网站精选

58个设计师最佳配色工具网站

2020-09-14 07:00:45 蒂斯资源网 1219人阅读

众所周知,配色是设计中非常重要的部分,一个好的配色不仅能让我们的设计更加出彩,还能对用户产生情感影响。小编今天给大家整理了Muzli上 58个今年最佳的配色工具,相信一定能对你们有所帮助~

 

 1.Muzli Colors 

https://colors.muz.li

可以在线快速生成和编辑多种配色方案,并根据我们自己的颜色选择预览和下载自定义UI工具包。

58个设计师最佳配色工具网站

 2. Colorable 

https://colorable.jxnblk.com/

 

一款非常实用、用来评估配色可访问性的工具。

 

58个设计师最佳配色工具网站

 3. History’s Palettes 

https://colorleap.app/home

 

一键生成复古配色,搜索过去4000年来最具有代表性的的180个配色方案。

58个设计师最佳配色工具网站

 4. Picular 

 https://picular.co/

Picular是一款基于谷歌图像搜索的色彩生成器,只需输入描述词,就能快速生成配色方案。

 

58个设计师最佳配色工具网站

 5. Colourcode 

https://colourco.de/

 Colourcode是一个让色彩理论可视化的配色网站,选定一个颜色即就能看到它的互补色、相似色等等。

58个设计师最佳配色工具网站

 6. Palettte App 

 https://palettte.app/

 

palettte是一款色彩编辑和重映射工具,能够可视化的看到不同颜色之间的过渡流畅度,匹配出更和谐的色彩,还支持单个颜色微调。我们还可以导入、分析和编辑现有的色彩方案。

 

58个设计师最佳配色工具网站

 7. Colorinspire 

 https://www.colorinspire.io/

 

收录了很多场景的精选配色方案,为我们提供源源不断的色彩灵感。

58个设计师最佳配色工具网站

 8. ColorSpace 

https://mycolor.space/

 

Color Space是一款非常实用的渐变生成器,我们只需要选择一个颜色,就可以快速生成20~30种不同风格的配色方案。

58个设计师最佳配色工具网站

 9. Pigment 

https://pigment.shapefactory.co/

 

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

58个设计师最佳配色工具网站

 10. Adobe Color 

https://color.adobe.com/create

 

Adobe Color通过拖拽色轮或输入自定义色值,我们可以创造出基于相似、互补、三原色等不同色彩规则的配色方案。除此之外,还支持CMYK、RGB、HSV多种色彩模式的配色调整。

58个设计师最佳配色工具网站

 11. Colors & Fonts 

https://www.colorsandfonts.com/

 

Colors&Fonts是由国外一名设计师Michael Andreuzza创建的配色网站,里面收录了超多他精心收藏的配色方案,我们只需要输入描述词,网站就会推荐相应的配色方案,除此之外还有渐变、字体等多种选择,一键复制色值。

58个设计师最佳配色工具网站

 12. HueSnap 

https://www.huesnap.com/

「HueSnap」是一款实用的取色工具,我们可以从图像中捕捉到色彩的详细信息,包括十六进制、RGB、CMYK、HSV、HSL等等。除此之外,我们还可以在社区中浏览超多非常棒的配色方案灵感,并收藏和保存它们。

58个设计师最佳配色工具网站

 13. Culrs 

https://culrs.com/ 

Culrs是一个综合型的配色网站,可以通过邻近色、三色、四色和单色来搜寻灵感配色。除此之外,每种色彩规则下还有明暗分类,相当方便。

58个设计师最佳配色工具网站

 14. Eva Design System  

https://colors.eva.design/

  

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

58个设计师最佳配色工具网站

 15. Scale 

https://hihayk.github.io/scale/

快速色标生成器

58个设计师最佳配色工具网站

 16. Site Palette 

http://palette.site/

 

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

58个设计师最佳配色工具网站

 17. BrandColors 

https://brandcolors.net/

 

BrandColors是最大的官方品牌配色合集。有包括500多个品牌的十六进制颜色代码,包括Facebook,Twitter,Instagram等等。

58个设计师最佳配色工具网站

 18. Colorwise 

https://colorwise.io/

 

Colorwise将时下最受欢迎的配色方案按照适用场景分类,以便我们快捷地寻找配色灵感。

58个设计师最佳配色工具网站

 19. HTML Color Codes 

https://htmlcolorcodes.com/

颜色图表和带有Hex颜色代码,RGB和HSL值的HTML颜色名称,轻松查找网站的HTML颜色代码。

58个设计师最佳配色工具网站

 20. ColorBox 

https://www.colorbox.io/

 ColorBox可以帮助我们轻松地创建非常炫酷的色彩集,配色页面还有大量的个性化选项,满足我们的任何需求~

58个设计师最佳配色工具网站

 21. Generate — Coolors.co 

https://coolors.co/

 

几秒钟之内创建,保存并分享好看的配色方案。

 

58个设计师最佳配色工具网站

 22. Color — Cloudflare Design 

https://cloudflare.design/color/ 

专为UI设计师创建的配色工具,支持根据用户界面元素预览配色、循环浏览可访问的颜色组合并手动创建配色方案、通过网址导入或生成配色。

58个设计师最佳配色工具网站

 23. Instant Duotone Effect Generator 

 https://duotones.co/ 

双色调效果生成器,支持用户在线选择多达几十种双色调配色。

58个设计师最佳配色工具网站

 24. Material Design 

https://material.io/resources/color/#!/?view.left=0&view.right=0

为UI创建和共享调色板,并测量任何颜色组合的可访问性。

58个设计师最佳配色工具网站

 25. Blendy 

https://blendy.ml/

 

Blendy是一种快速预览CSS背景混合模式的工具。我们可以使用混合模式,颜色,渐变并在图像上进行尝试。

58个设计师最佳配色工具网站

 

 26.LOL Colors 

https://www.webdesignrankings.com/resources/lolcolors/

 

LOL Colors是一款可爱的配色网站,色彩大多明快清新,直接拖动鼠标即显示色值,方便收藏色卡。

58个设计师最佳配色工具网站

 

 27. Color Hunt 

https://colorhunt.co/

 

Color Hunt是一个免费开放的色彩灵感平台,拥有数千种时尚的配色方案。

 

58个设计师最佳配色工具网站

 

 28. ColorMe 

https://colorme.io/

一个简单CSS色彩可视化工具,其特点是有非常多的参数可以设置,包括:透明度、饱和度、色调、亮度、着色、阴影、R/G/B、白色、黑色、对比度的设置等等。

58个设计师最佳配色工具网站

 29. Polarite 

https://www.polarite.app/

Polarite是一款智能配色应用程序,用户只需左右滑动颜色选择喜欢/不喜欢的色彩,系统就会根据其结果智能生成一系列我们喜欢的且和谐的配色方案。

58个设计师最佳配色工具网站

 

 30. Gradient Hunt 

https://gradienthunt.com/

 

精选数千种时尚的渐变色,并且每天都会更新。

58个设计师最佳配色工具网站

 

 31. Palettable 

 www.palettable.io

可以自己随意搭配色彩方案的网站,用户只需要选择喜欢/不喜欢,直到搭配出想要的色板。

 

58个设计师最佳配色工具网站

 

 32. ColorSpark 

 https://colorspark.app/

 

一个简单而有效的工具,随机生成好看的颜色、渐变色,可以一键复制 CSS 代码。

58个设计师最佳配色工具网站

 

 33. SVG Colorizer 

https://www.iconshock.com/svg-color/

 

SVG着色器,自动为SVG图标和SVG矢量着色

58个设计师最佳配色工具网站

 

 34. Sip 

https://sipapp.io/

 

适用于Mac的Sip ColorPicker。可以帮助我们更好的收集整理和分享配色方案。

58个设计师最佳配色工具网站

 35. CoolHue 2.0 

https://webkul.github.io/coolhue/sketch-plugin/

 

一款免费的sketch渐变配色插件和收集工具。

 

58个设计师最佳配色工具网站

 36. Color Koala 

https://colorkoala.xyz/

 

Color Koala是一个快速配色生成器。

58个设计师最佳配色工具网站

 

 37. SchemeColor 

 https://www.schemecolor.com/

 

SchemeColor可以下载、创建和分享成千上万种美丽的配色组合,获取十六进制颜色代码的详细信息,并将其转换为RGB和CMYK等色彩模式。

 

58个设计师最佳配色工具网站

 38. Free Mesh Gradient Collection 

 https://www.ls.graphics/meshgradients

 

100多个免费的渐变色合集,支持sketch、png、ai、jpg、eps等多种格式下载。

58个设计师最佳配色工具网站

 39. WebGradients 

https://webgradients.com/

 

WebGradients是一个由顶级设计师策划的免费渐变配色网站,拥有180种漂亮的线性渐变,并支持CSS3、Photoshop和Sketch等多种格式。

 

58个设计师最佳配色工具网站

 

 40. Gradient Buttons 

https://gradientbuttons.colorion.co/

 

炫酷的渐变按钮,还有悬停的动画效果,一键copy css代码。

 

58个设计师最佳配色工具网站

 41. ColorKit 

https://colorkit.io/

 

多种色彩渐变生成器,只需输入开始和结束颜色以及混合步骤数,就能一键生成流畅的配色方案,并支持svg格式导出。

58个设计师最佳配色工具网站

 42. Eggradients 

https://www.eggradients.com/

 

一款收录了最新设计趋势渐变色彩的配色网站,支持一键复制十六进制和CSS代码。

58个设计师最佳配色工具网站

 

 43. Cool Backgrounds  

https://coolbackgrounds.io/

 

Cool Background是设计师Moe Amaya将5个开源生成器的简化版整理组成的工具集,内置五种背景风格,每一个种风格还提供了简单的参数配置。分别是:

低多边形风格

 trianglify.io  

58个设计师最佳配色工具网站

动态粒子效果

marcbruederlin.github.io/particles.js 

58个设计师最佳配色工具网站

渐变

 cssgradient.io 

58个设计师最佳配色工具网站

渐变层生成器

 s.muz.li/NTFiZjk0ZWFh

58个设计师最佳配色工具网站

Unsplash图片集

unsplash.com

58个设计师最佳配色工具网站

 44. Art Palette 

 https://artsexperiments.withgoogle.com/artpalette/ 

基于Google AI的智能配色工具,它会根据你所提供的配色方案来提供相符合的配色主题的艺术图片。

 

58个设计师最佳配色工具网站

 45. GradPad 

http://ourownthing.co.uk/gradpad.html 

CSS渐变生成器,我们可以自己设置渐变色彩、透明度、位置和角度,还可以查看流行的热门渐变色彩,并直接使用现成的颜色代码。

 

58个设计师最佳配色工具网站

 46. Khroma 

http://khroma.co/ 

 Khroma号称是“设计师的AI颜色工具” ,会先让你从大量的颜色中选择你最喜欢的50种,然后利用神经网络驱动算法来帮你生成最符合你审美要求的配色方案,并且它所有给出的的配色都是从最流行的配色方案中学习得来。

58个设计师最佳配色工具网站

 47. Color palettes 

ttps://www.canva.com/colors/color-palettes/

 

Canva上数千种精选色彩组合

58个设计师最佳配色工具网站

 

 48. Color Safe 

 http://colorsafe.co/

 

Color Safe是一个基于Web内容无障碍指南(WCAG)的配色网站,可以根据我们提供的色彩检测可访问性,并给出相应的调整方案。

58个设计师最佳配色工具网站

 49. Paletton 

http://paletton.com/#uid=1000u0kllllaFw0g0qFqFg0w0aF

Paletton 是一个在线的色环配色工具。我们可以根据需要选择单色、相近色、对比色等规则来查看配色,也可以实时查看其在网页中的搭配效果。

58个设计师最佳配色工具网站

 50. Colordot 

https://color.hailpixel.com/

 

动一动鼠标就可以不断生成的新的色卡。非常适合毫无灵感、不知从何下手的设计师。

 

58个设计师最佳配色工具网站

 51. Colors 

https://klart.io/colors/

 

100%由数据驱动的配色方案集合。

 

58个设计师最佳配色工具网站

 

 52. Contrast Ratio 

https://contrast-ratio.com/

 

一款轻松计算颜色对比度的配色工具。

58个设计师最佳配色工具网站

 53. Color Lisa  

http://www.colorlisa.com/

 

世界上最伟大的艺术家的色彩杰作。

 

58个设计师最佳配色工具网站

 54. Color Designer 

https://colordesigner.io/ 

只需选择一种颜色,Color Designer就会帮助我们构建一个系统的配色方案,并基于我们所选的颜色生成多种色调和阴影等。

 

58个设计师最佳配色工具网站

 55. Color.review 

https://color.review/

 

测试颜色对比度的配色工具

 

58个设计师最佳配色工具网站

 56. Blend 

http://www.colinkeany.com/blend/

 

Blend - 创建和自定义漂亮的CSS3渐变。

 

58个设计师最佳配色工具网站

 57. Contrast 

https://usecontrast.com/

一个用于快速测试WCAG颜色对比度的macOS应用程序

58个设计师最佳配色工具网站

 58. Grabient 

https://www.grabient.com/

 

一个非常漂亮且实用的渐变网站,支持 CSS 样式代码复制、360度渐变旋转、自由增加或删除渐变颜色等功能。

58个设计师最佳配色工具网站

来访的朋友!感谢您访问“蒂斯资源网”,本站专注分享免费活动线报和软件资源,每天更新大量网络技术等,希望大家能够多多支持哦!喜欢本站的朋友可以把本站添加到书签或记住网址,本站网址:www.disizy.com


   本站声明

本站提供的资源,都来自网络,版权争议与本站无关,所有内容及软件的文章仅限用于学习和研究目的。不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负,我们不保证内容的长久可用性,通过使用本站内容随之而来的风险与本站无关,您必须在下载后的24个小时之内,从您的电脑/手机中彻底删除上述内容。如果您喜欢该程序,请支持正版软件,购买注册,得到更好的正版服务。侵删请致信E-mail:78541823@qq.com


本站资源技术教程来源于互联网搜集,仅供用于学习和交流,请勿用于商业用途。如有侵权、不妥之处,请联系Email:78541823@qq.com删除。敬请谅解!