45个颜色网站,设计师必备指南
myzbx 2024-12-04 13:56 26 浏览
颜色搭配不知所措?颜色参考找不到心仪网站?来!收下这份全面的色彩网址吧!配色是设计中非常重要的部分,好的配色不仅可以让我们的设计更加出彩,还能对用户产生情感影响,相信这些网站一定能对你们有所帮助~
1.Muzli Colors
网址:medium.muz.li
在线快速生成和编辑多种配色方案
颜色选择预览可下载自定义UI工作包
2.Colorable
网址:colorable.jxnblk.com
颜色对比测试仪
3.Color leap
网址:colorleap.app/home
色影时光机可查询每个时代流行的配色
一个收录不同年代作品色彩的网站
4.Colourcode
网址:colourco.de
简单好用的在线配色工具
5.Palettte App
网址:palettte.app
一款色彩编辑和重映射工具
构津―种读色到另一种颜色的色彩方案
6.Colorinspire
网址:colorinspire.io
收录了很多场景的精选配色方案
提供源源不断的色彩灵感
7.ColorSpace
网址:mycolor.space
渐变生成器
快速生成20种不同配色方案
8.Pigment
网址:pigment.shapefactory.co
可以通过饱和度,色温以及色系来
生成我们独特的配色方案
9.Adobe Color
网址:color.adobe.com/zh/createlcolor-wheel/
通过拖曳色轮或输入自定义色值
创建出相似、互补、三原色等不同色彩规则的配色
10.Colors & Fonts
网址:colorsandfonts.com
需要输入描述词
网站就会推荐相应的配色方案
11.HueSnap
网址:huesnap.com
一款实用的取色工具
为创意人士提供色彩灵感
12.culrs
网址:culrs.com/#/
可通过邻近色、三色、单色来找灵感配色
每种色彩规则下还有明暗分类
13.Eva Design System
网址:colors.eva.design
基于深度学习算法的配色网站
可以生成系统的配色方案
14.Color.review
网址:color.review
测试颜色对比度的配色工具
15.Site Palette
网址:palette.site
可以自动吸取网站的颜色
帮助建立色板以及寻找相关配色的图片
16.BrandColors
网址: brandcolors.net
最大的官方品牌颜色代码集合网站
17.Colorwise
网址:colorwise.io
按照适用场景分类的配色网站
方便寻找配色灵感
18.Generate- Coolors.co
网址:coolors.co
快速生成好看的配色方案
还可以保存分享
19.lnstant Duotone Effect Generator
网址:medialoot.com/duotones
双色调效果生成器
多达几十种的双色调配色
20.Blendy
网址:blendy.ml
快速预览CSS背景混合模式的工具
21.LOL Colors
网址:webdesignrankings.com
可爱的配色网站,色彩大多明快清新
22.Color Hunt
网址:colorhunt.co色彩灵感平台
拥有数千种时尚的配色方案
23.Grabient
网址:grabient.com漂亮且实用的渐变网站
360庭渐变旋转、自由增加渐变颜色等
24.Polarite
网址:polarite.app
智能配色应用程序
左右滑动颜色选择喜欢/不喜欢
25.Gradient Hunt
网址:medium.muz.li
每天更新精选数千种时尚的渐变色
26.Palettable
网址: palettable.io
随意搭配色彩方案的网站美丽的调色板
27.ColorSpark
网址:colorspark.app
随机生成好看的颜色
渐变色可以一键复制CSS代码。
28.SVG Colorizer
网址:iconshock.com/svg-color
自动为SVG图标和SVG矢量着色
29.Sip
网址:sipapp.io
帮助我们更好地收集整理配色方案
30.CoolHue 2.0
网址: weblaulLgithub.io/ coothue/
sketch-plugintsketch
渐变配色插件和收集工具
31.color Koala
网址:colorkoala.xyz
一个快速配色生成器
32.Schemecolor
网址:schemecolor.com
可以下载、创建和分享
成千上万种美丽的配色组合
33.WebGradients
网址:webgradients.com
拥有180种漂亮的线性渐变
支持Photoshop和Sketch等多种格式
34.Gradient Buttons
网址:gradientbuttons.colorion.co
炫酷的渐变按钮
悬停的动画效果
35.ColorKit
网址:colorkit.io
多种色影渐变生成器
—键生成流畅的配色方案
36.Eggradients
网址:eggradients.com
收录最新设计趋势渐变色彩的网站
37.Cool Backgrounds
网址:coolbackgrounds.io
探索精美的色彩背景
有低多边形风格、动态粒子效果
渐变层生成器等等
38.Art Palette
网址:artsexperiments.
withgoogle.com/artpalettelGoogle
AI的智能配色工具,会根据你所提供
的配色方案来提供相符合的配色主题的艺术图片
39.GradPad
网址:ourownthing.co.uk
cSS渐变生成器
可以设置渐变色彩、透明度等等
40.Khroma
网址: khroma.co
号称是“设计师的Al颜色工具”
41.color Safe
网址:colorsafe.co
基于web内容无障碍指南(WCAG)的配色网站
42.Paletton
网址:paletton.com
在线的色环配色工具
43.Colordot
网址:color.hailpixel.com
动一动鼠标就可以不断生成新的色卡
44.Color Lisa
网址:colorlisa.com
世界上最伟大的艺术家的色彩杰作
45.Color Designer
网址:colordesigner.io
只需选择一种颜色
就会帮助我们构建一个系统的配色方案
好啦
今天的讲解到这里就结束啦,
溜了溜了....
感兴趣的同学一起来学习呀
平面插画素材应有尽有
有需要的直接找我私信发“插画”或者“1”获取:
- 上一篇:教你如何用CSS修改图片颜色
- 下一篇:30 个纯 HTML5 实现的游戏
相关推荐
- JMeter:执行顺序与作用域(jmeter顺序执行怎么设置)
-
一、执行顺序类似于运算符或操作符的优先级,当JMeter测试中包含多个不同的元素时,哪些元素先执行,哪些元素后执行,并不是严格按照它们出现的先后顺序依次有序执行的,而是会遵循一定的内部规则,我们称之为...
- 彻底搞懂C语言指针(c语言 指针用法)
-
指针是C语言的难点,本篇文章总结一下各类指针的用法。指针是个变量,它存储的是变量的地址,这个地址指向哪里,取决于指针的类型,指针类型包括以下几种:基本类型指针数组类型指针函数类型指针结构体类型指针联合...
- Excel运算符相关知识点分享(excel运算符有哪些类型)
-
在Excel中,运算符主要用于执行各种计算和逻辑操作主要分为以下四类1.比较运算符在Excel中,比较运算符用于比较两个值,并返回逻辑结果TRUE(真)或FALSE(假)。它们常用于条件判...
- Python编程基础:运算符的优先级(python运算符优先级记忆口诀)
-
多个运算符同时出现在一个表达式中时,先执行哪个,后执行哪个,这就涉及运算符的优先级。如数学表达式,有+、-、×、÷、()等,优先级顺序是()、×、÷、+、-,如5+(5-3)×4÷2,先计算(5-3)...
- 吊打面试官(四)--Java语法基础运算符一文全掌握
-
简介本文介绍了Java运算符相关知识,包含运算规则,运算符使用经验,特殊运算符注意事项等,全文5400字。熟悉了这些内容,在运算符这块就可以吊打面试官了。Java运算符的规则与特性1.贪心规则(Ma...
- C语言零基础教学-3-运算符与表达式
-
同学们好,今天学习c元基础知识第三讲:运算符与表达式。本节内容将学习算数运算符与算数表达式。·至臻至减运算符、赋值运算符、逗号运算符、求至结运算符。→首先学习算数运算符,它包含加减乘除求余数正负。比如...
- Python运算符优先级终极指南:避免表达式计算的陷阱
-
混合表达式中的运算符优先级当Python表达式中同时出现算术运算符、布尔运算符和比较运算符时,计算顺序由运算符优先级决定:算术运算符(最高优先级)包括:乘方(**)、乘除(*,/,//,%)、加...
- Python自动化办公应用学习笔记12——运算符及运算符优先级
-
一、运算符1.算术运算符:运算符名称描述示例+加数值相加10+3=13-减数值相减10-3=7*乘数值相乘10*3=30/除浮点数除法10/3≈3.33//整除向下...
- python3-运算符优先级(python运算符优先级最高)
-
#挑战30天在头条写日记#Python运算符优先级以下列出了从最高到最低优先级的所有运算符,相同单元格内的运算符具有相同优先级。运算符均指二元运算,除非特别指出。相同单元格内的运算符从左至右分组...
- Java运算符优先级表(java语言中运算符的优先级)
-
Java语言中有很多运算符,由于运算符优先级的问题经常会导致程序出现意想不到的结果,为了避免程序可能由于运算顺序而导致一系列的问题,Java初学者需应尽可能掌握这些运算符规律图示给大家详细介绍了运算符...
- Excel公式中运算符类型及优先顺序
-
在Excel中公式中,用到的一些运算符是有优先计算顺序的,详见下图。下面我们简单介绍一下这些运算符的使用方法。说明:Excel中所有公式及运算符,都需要在英文输入法半角状态输入,不要输入中文字符或者全...
- JavaScript基础知识14——运算符:逻辑运算符,运算符优先级
-
哈喽,大家好,我是雷工!一、逻辑运算符1、概念:在程序中用来连接多个比较条件时候使用的符号。2、应用场景:在程序中用来连接多个比较条件时候使用。3、逻辑运算符符号:4、代码演示逻辑运算符的使用:逻辑...
- 认识Excel中的运算符(excel中的运算符包括在哪里)
-
Excel中,函数与公式无疑是最具有魅力的功能之一。使用函数与公式,能帮助用户完成多种要求的数据运算、汇总、提取等工作。函数与公式同数据验证功能相结合,能限制数据的输入内容或类型,还可以制作动态更新...
- JavaScript 中的运算符优先级(javascript中的运算符分为哪几种?)
-
#寻找热爱表达的你#新人求关注,点击右上角↗关注,博主日更,全年无休,您的关注是我的最大的更新的动力~感谢大家了运算符优先级在JavaScript中是指决定表达式中不同操作符执行顺序的规...
- 从几个细节问题出发,如何写好产品需求文档?
-
来人人都是产品经理【起点学院】,BAT实战派产品总监手把手系统带你学产品、学运营。这篇文章暂时不讨论什么是需求文档,也不强调需求文档的重要性等等,就简单地从各种细节问题出发如何写好一份需求文档。一份好...
- 一周热门
- 最近发表
- 标签列表
-
- HTML 简介 (30)
- HTML 响应式设计 (31)
- HTML URL 编码 (32)
- HTML Web 服务器 (31)
- HTML 表单属性 (32)
- HTML 音频 (31)
- HTML5 支持 (33)
- HTML API (36)
- HTML 总结 (32)
- HTML 全局属性 (32)
- HTML 事件 (31)
- HTML 画布 (32)
- HTTP 方法 (30)
- 键盘快捷键 (30)
- CSS 语法 (35)
- CSS 轮廓宽度 (31)
- CSS 谷歌字体 (33)
- CSS 链接 (31)
- CSS 定位 (31)
- CSS 图片库 (32)
- CSS 图像精灵 (31)
- SVG 文本 (32)
- 时钟启动 (33)
- HTML 游戏 (34)
- JS Loop For (32)