css字体颜色渐变_58个颜色网站,设计师必备指南

48bb5fbd3d7f400034a4a2c0c2f363c3.gif

本文授权转自撩点儿设计(ID:coffee520QQQ),作者:小熊1995。

d0649df8b20513f2eb7ead159b14d947.gif

 颜色搭配不知所措?

 颜色参考找不到心仪网站?

 嘿!收下这份全网更全面的颜色网址吧 

1. Muzli Colors

使用此工具可以快速创建和编辑调色板,颜色匹配,甚至可以根据您自己的颜色选择预览和下载自定义UI工具包。 链接:medium.muz.li

ba8f337ec7151468c777781d5ff87922.png

2. Colorable

颜色对比测试仪

链接:https://colorable.jxnblk.com/

20ba9efb4fbf86e22efbe4b33ed8ac9c.png

3. Color Leap — History’s Palettes

搜索过去4000年来使用的180个调色板。

链接:https://colorleap.app/home

305fa92b654f4a01aa4be08d47e5dd31.png

4. Picular

Picular是使用谷歌图像搜索的火箭快速原色发生器。

链接:https://picular.co/

5c99f31d071df07736c870fe75c3aeb7.png

5. Colourcode

colourco.de是一款在线设计工具,可让您轻松直观地组合颜色。

链接:https://colourco.de/ 

bbfb003568583a9713d90b5494d6c523.png

6. Palettte App

最终的调色板编辑和重新映射工具。

链接:https://palettte.app/ 

2d3fbd836b0a5ae0dc2665db510b1d07.png

7. Colorinspire

精选色彩灵感 - 免费用于您的下一个项目。

链接:https://www.colorinspire.io/ 

76471323822e17c3627fb58f60bd7748.png

8. ColorSpace

调色板生成器和颜色渐变工具

链接:https://mycolor.space/ 

2dd0996517e5ad9e259396669a5af5c6.png

9. Pigment

一种独特的方式,可以根据光线和颜料生成清新鲜艳的色彩,而不是数学。在几秒钟内找到一个美丽的免费调色板,开始您的下一个项目。

链接:https://pigment.shapefactory.co/ 

aa12d2e8359ee1292697b9fd751f5f4f.png

10. Adobe Color

创建并保存各种颜色方案,每种颜色方案由一组五种颜色组成。

链接:https://color.adobe.com/zh/create/color-wheel/ 

f2e22a0acf5add7185dd858bfb9ae126.png

11. Colors & Fonts

Colors&Fonts是为开发人员和数字设计师精心策划的色彩渐变,调色板和字体配对灵感的集合。

链接:https://www.colorsandfonts.com/ 

62a79486233c9019119e4dc79c6386c7.png

12. HueSnap

获取颜色信息,创建调色板并与他人共享。为世界各地的创意人士提供色彩灵感。

链接:https://www.huesnap.com/ 

279eb884d0bb28dd629f5fdf511d174a.png

13. Culrs

Culrs为您提供了一种简单明智的方法来选择调色板

链接:https://culrs.com/#/ 

69a3b9356da21914864ab9672c75b179.png

14. Eva Design System

使用深度学习驱动算法生成彩色托盘

链接:https://eva.design/ 

bd912012b227b5fcd9f3ae377fcb7871.png

15. Scale

一种生成色标的生成方式。

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

7f358c0423dedc6941229e97c7a254e9.png

16. Site Palette

用于生成综合调色板的浏览器扩展。设计师和前端开发人员必备的工具。自由配色方案提取.

链接:https://palette.site/ 

62909eecd9e5cb8dabaca5387a000cac.png

17. BrandColors

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

链接:https://brandcolors.net/ 

ac9cd91bd0645763f8d49f4b784eeca6.png

18. Colorwise

在Product Hunt中搜索投票最多的产品.

链接:https://colorwise.io/ 

848c0ba840ae293b47f7ff4e6c9ce414.png

19. HTML Color Codes

使用我们的颜色选择器,颜色图表和带有Hex颜色代码,RGB和HSL值的HTML颜色名称,轻松查找网站的HTML颜色代码。

链接:https://htmlcolorcodes.com/ 

f1d75d44d844616002cc760de1d49658.png

20. ColorBox

Colorbox是一种用于生成颜色集的颜色工具。

链接:https://www.colorbox.io/ 

6ad2a3d9233aa786f87767bcf15ec966.png

21. Generate — Coolors.co

在几秒钟内创建,保存和分享美丽的调色板!

链接:https://coolors.co/ 

4ec4303c5cc90b36060e04f1b58bccef.png

22. Color — Cloudflare Design

用于界面设计的调色板工具.

链接:https://cloudflare.design/color/ 

d23451baa8c9b5c34bd3c904e1bec797.png

23. Instant Duotone Effect Generator

立即在浏览器中创建漂亮的双色调效果。上传您自己的图像或使用我们的图像:包括几十个完美的双色调配对。

链接:https://medialoot.com/duotones/ 

717d87d0238bcb8dd391161f126d2927.png

24. Color Tool — Material Design

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

链接:https://material.io/resources/color/ 

eb872e2d9baf55e102b83bb8963139a7.png

25. Blendy

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

链接:https://blendy.ml/ 

8651fb0e77ddab88a67992276c8b9f07.png

26. LOL Colors

精心调色的灵感.

链接:https://www.webdesignrankings.com/ 

060e1e9159417f11eb787bb7d82fbda1.png

27. Color Hunt

Color Hunt是一个免费开放的色彩灵感平台,拥有数千种时尚的手工挑选调色板.

链接:https://colorhunt.co/ 

fa693384b626b69a4ad8a95aa5aab56b.png

28. ColorMe

可视化CSS颜色功能。

链接:https://colorme.io/ 

74f9e24602205a6b9cf1476ee281a8ad.png

29. Polarite

Polarite是一款机器学习辅助决策应用程序,用于生成和谐的配色方案。

链接:https://www.polarite.app/ 

eacc8019731425ef31f172d5c7e81c98.png

30. Gradient Hunt

每天更新的精选集合中的数千种时尚色彩渐变。为您的下一个设计项目获得一个清新的颜色渐变,并保存您喜欢的所有渐变。

链接:https://gradienthunt.com/ 

c0dfe72d9b16b745c07c15b17d5033e0.png

31. Palettable

使用数百万设计师的知识生成美丽的调色板。

链接:https://www.palettable.io/ 

79e8b8a113dc5fa3e1f13bffb380f088.png

32. ColorSpark

一种简单有效的工具,可生成随机颜色和渐变,帮助设计师将独特而醒目的调色板组合在一起。

链接:https://colorspark.app/ 

d0b37eabd6c50eaf5a1f66fb4d964f01.png

33. SVG Colorizer

SVG Colorizer,自动着色SVG图标和SVG矢量.

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

01d371c40d555049caf78aa3b26f1622.png

34. Sip

适用于Mac的Sip Color Picker。收集整理和分享颜色的更好方法。

链接:https://sipapp.io/ 

d0280b3776be34fa79f20812d8cf0c24.png

35. CoolHue 2.0

获得免费的草图渐变颜色插件和渐变集合调色板。

链接:https://webkul.github.io/coolhue/ 

0e42f314fc8613f9737139f11242ef95.png

36. Color Koala

Color Koala是一款快速调色板生成器,可为您的所有侧面项目创造出华丽的色彩。

链接:https://colorkoala.xyz/ 

b8aef7830a39bc0af0c7b98e1c48692e.png

37. SchemeColor

SchemeColor.com是一个顶级网站,可以下载,创建和分享数以千计的美丽色彩组合。获取有关十六进制颜色代码的详细信息,并将其转换为RGB和CMYK等效代码。

链接:https://www.schemecolor.com/ 

d9e403f65b94c04b26cfd97794f0903a.png

38. Free Mesh Gradient Collection

.sketch,.png,.ai,.jpg,.eps中的100目渐变

链接:https://www.ls.graphics/meshgradients

f3ab2b90a1c5fae07030280db2c74230.png

39. WebGradients

来到WebGradients.com,获得CSS3,Photoshop和Sketch中180个漂亮的线性渐变。此系列由顶级设计师策划,完全免费。

链接:https://webgradients.com/ 

b5587c36a0a72a7a001958d2310140c1.png

40. Gradient Buttons

美丽的梯度按钮与悬停效果

链接:https://gradientbuttons.colorion.co/ 

bb418db8ba4e060cea4b793a0913dcdb.png

41. ColorKit

ColorKit混合颜色并生成颜色的色调和色调。

链接:https://colorkit.io/ 

21083c4e00061cedfe03fcda7f657383.png

42. Eggradients

准备使用渐变背景颜色。根据最新的设计趋势准备Cool Gradients。它以鸡蛋的形式供应。使用十六进制和CSS代码。

链接:https://www.eggradients.com/ 

9d265e112e4beab4f99e2302149e02d8.png

43. Cool Backgrounds

探索精美的精选背景,您可以添加到博客,网站或桌面和手机壁纸。

链接:https://coolbackgrounds.io/ 

a5be78c270086791b80d8e213c748c92.png

44. Google Art & Culture Experiment — Art Palette

Art Palette是艺术与文化实验的一部分,该实验探索用户与艺术收藏品互动的创新方式。使用Art Palette,您可以搜索与您选择的颜色组合相匹配的艺术作品。

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

aeade9574269524b30d6eb313335b883.png

45. GradPad

CSS渐变生成器,在浏览器中为Web设计创建可爱的CSS颜色渐变.

链接:http://ourownthing.co.uk/ 

20e678bad7c31c76001bb738edffd844.png

46. Khroma

Khroma是生成,发现,搜索和保存您想要使用的颜色组合和调色板的最快方法。

链接:http://khroma.co/ 

58d8bc6733f5e0a1ae219230f4ae7dd0.png

47. Color palettes

浏览Canva的数千种颜色组合,无需聘请设计师即可创建自己的设计。免费!

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

fa552ecd8d17775b50ab7f72c58af837.png

48. Color Safe

Color Safe是一种工具,可根据Web内容可访问性指南(WCAG)为您的网站探索美观,易用的调色板。

链接:http://colorsafe.co/ 

67d506783e2b702ed7db96141e52a4b8.png

49. Paletton

使用色轮创建出色的调色板。

链接:https://paletton.com/ 

b26077d6cc25420e9ce90fd80af78d3d.png

50. Colordot

简单的颜色选择每个人.

链接:https://color.hailpixel.com/ 

b422b45e23f1ecf5b918ecfd1752bf76.png

51. Colors

颜色是100%数据驱动的调色板集合。

链接:https://klart.io/colors

1f261bea7e345cf25d49626f65bad964.png

52. Contrast Ratio

轻松计算颜色对比度。通过WCAG从未如此简单!

链接:https://contrast-ratio.com

f6b09e7afe902da1d605dd222975140f.png

53. Color Lisa

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

链接:http://colorlisa.com/ 

210ba66fae1e10f97794678ce7600d90.png

54. Color Designer

此工具的主要目的是帮助构建调色板并基于它生成色调和阴影。只需选择一种颜色,应用程序完成其余的工作。您可以使用预选颜色或颜色选择器进行更多控制。

链接:https://colordesigner.io/ 

edda4fb552bed463c39a58ca12280788.png

55. Color.review

用于探索和查找可访问颜色的现代工具。确保每个人都能看到您的作品。

链接:https://color.review/ 

b213e9ae1eb360009dd13b4c04e41d33.png

56. Blend

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

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

9bbdd95891c1fc47a7f68899c9b17aa7.png

57. Contrast

用于快速访问WCAG色彩对比度的macOS应用程序

链接:https://usecontrast.com/ 

34f159790a2be80dbf45016a57ba6c60.png

58. Grabient

用于生成Web渐变的美丽而简单的UI。

链接:https://www.grabient.com/ 

1d57f870ec51c033c72c7aac0f641e9c.png


 往期回顾  644c36b79b35c77ef16073a6e3052589.png 从业37年,顶尖创意人陈耀福为何卸下过去,再出发? 5c0651295ea648d2d3ecce1e955b6e65.png 14年了,大表姐刘雯为啥持续被品牌宠爱? 40ec0644ad97e3ccdc8d485f05eca6f8.png

公路商店的20张文末尾图,一图揭示一个生活真相

323c41ce69ee7e4a50567897dbc79af5.png

【超级资源下载】8000+ 京东海报打包整理,绝对实用!


「撩点儿设计」授权发布

转载请联系原出处获取授权

6d725bf15839a8fd7a363acd7606e8e8.png

数英内容涵盖市场营销、广告策划、创意设计、电子商务、移动互联网、新媒体、信息技术等各数字相关领域。

3afeb43f73d528a3972a6831dcc78351.gif

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值