设计使用 | 四个免费的渐变配色网站

简介: 在进行设计工作时,有时候需要一些渐变的配色做底图更好看些,本来用Photoshop也可以自己制作,但是经常一做就很丑,所以还是直接找其他网站上的吧

在进行设计工作时,有时候需要一些渐变的配色做底图更好看些,本来用Photoshop也可以自己制作,但是经常一做就很丑,所以还是直接找其他网站上的吧

一、CoolHue

地址:https://webkul.github.io/coolhue/

 

首页有 60 种常用且耐看的渐变色背景,选择你中意的配色方案,点击下载即可获得一张适当分辨率的方形 PNG 图片。点击代码图标,可以复制该渐变色的 CSS3 语法,在一些网页设计中,直接应用,相比上传渐变色图片,更省流量。图像下方可以直接复制 16 进制代码,可以用于 PPT 或者PS ,甚至电脑画图程序当中

1.png

二、Uigradients

地址:https://uigradients.com/#BrokenHearts

 

一款简单的配色网站。点击左上角的菜单,即可显示所有内容。通过不同颜色选择不同配色。点击右上角的方向箭头,可以旋转配色角度;点击代码按钮,可以复制它的CSS代码,用于其他设计。点击下载按钮,即可获得一张足够分辨率的 JPG 图片。当然,你还可以直接点击顶部的色值,复制 16 进制色值

2.png

三、Webgradients  

地址:https://webgradients.com/

 

大概有180种渐变配色,在首页点击色块即可全屏显示当前配色方案;同样,在底部可以复制 16 进制色值以及 CSS 代码,点击色块右上角,即可下载 PNG 格式图片

3.png

四、Gradients of Shapefactory

地址:https://gradient.shapefactory.co/

 

整个界面显示当前色系的不同渐变颜色;点击色盘,更改色系。拖动左边的球形按钮,可以改变色度和亮度;鼠标放在某一色块上,点击圆圈并旋转拖动可以改变渐变色的角度。同样可以复制 16 进制色值,以及 CSS 代码;点击图片,可以看到全局

4.png

目录
相关文章
|
弹性计算 前端开发 小程序
微信小程序上传文件至阿里云OSS直传(java后端签名+前端直传)
当前的通用文件上传方式是通过前端上传到服务器,再由服务器转存至对象存储。这种方式在处理小文件时效率尚可,但大文件上传因受限于服务器带宽,速度较慢。例如,一个100MB的文件在5Mbps带宽的阿里云ECS上上传至服务器需160秒。为解决此问题,可以采用后端签名的方式,使微信小程序直接上传文件到阿里云OSS,绕过服务器中转。具体操作包括在JAVA后端引入相关依赖,生成签名,并在微信小程序前端使用这个签名进行文件上传,注意设置正确的请求头和formData参数。这样能提高大文件上传的速度。
4768 1
|
前端开发 JavaScript 小程序
|
网络协议 开发工具 git
解决 git 报错 “fatal: unable to access ‘https://github.com/.../.git‘: Recv failure Connection was rese
在使用 Git/Git小乌龟 进行代码管理的过程中,经常会遇到各种各样的问题,其中之一就是在执行 git clone 或 git pull 等操作时出现 “fatal: unable to access ‘https://github.com/…/.git’: Recv failure Connection was reset” 的报错。这个问题通常是由网络连接问题或代理设置不正确导致的。在我的个人使用经验中,我亲自尝试了四种方法,它们都能够有效地解决这个报错。个人比较推荐方法二。
9142 1
|
存储 数据可视化 API
重磅干货,免费三方网络验证[用户系统+CDK]全套API接口分享教程。
本套网络验证系统提供全面的API接口,支持用户注册、登录、数据查询与修改、留言板管理等功能,适用于不想自建用户系统的APP开发者。系统还包含CDK管理功能,如生成、使用、查询和删除CDK等。支持高自定义性,包括20个自定义字段,满足不同需求。详细接口参数及示例请参考官方文档。
772 7
|
前端开发 API UED
React 图片轮播 Carousel:从入门到进阶
本文介绍了在 React 中实现图片轮播(Carousel)的方法,从基础安装和配置 `react-slick` 开始,逐步讲解了常见问题如图片路径、性能优化、自定义样式和交互处理,以及高级话题如动态数据加载和响应式设计。通过详细示例,帮助开发者避免易错点,提升轮播图的用户体验。
487 3
成功解决{‘error_code‘: 18, ‘error_msg‘: ‘Open api qps request limit reached‘}
成功解决{‘error_code‘: 18, ‘error_msg‘: ‘Open api qps request limit reached‘}
成功解决{‘error_code‘: 18, ‘error_msg‘: ‘Open api qps request limit reached‘}
|
人工智能 弹性计算 API
通义万相AI绘画创作体验评测
从使用者的角度解读通义万相AI绘画创作方案的优与劣
12279 12
|
存储 监控 安全

热门文章

最新文章