全部 34 条标题进详情页 · 右侧 ↗ 直达原站
-
001
Grabient
渐变生成器，可拖动滑块实时调整颜色与角度，复制 CSS 即可用。由两位设计师开发，界面干净。适合做渐变背景时快速调出想要的过渡。免费使用，界面为英文。
grabient.com
↗
-
002
Cool Backgrounds 酷背景
可以生成漂亮的背景图。Cool Backgrounds 是一组工具，可以为博客、社交媒体和网站创建引人注目的彩色背景图。除了背景，生成的图像可以用作桌面壁纸或裁剪为手机壁纸。
coolbackgrounds.io
↗
-
003
Eggradients 渐变颜色背景
渐变背景色卡站，按「蛋」的形式列出上百组现成渐变，每组都给出十六进制与 CSS 代码。适合找背景渐变时直接抄，视觉上也挺好玩。免费、免注册，界面为英文。
eggradients.com
↗
-
004
Colorkit 配色工具
通过颜色混合器通过混合两种颜色之间的色调来生成颜色渐变，导出 SVG 或生成分享链接交给设计软件使用.
colorkit.io
↗
-
005
Gradient Buttons CSS渐变按钮
CSS 渐变按钮合集，收录数百个现成的渐变按钮样式，一键复制 CSS 到剪贴板。适合快速给页面加一个不单调的按钮，省得自己调渐变角度。免费使用，界面为英文。
gradientbuttons.colorion.co
↗
-
006
Webgradients
WebGradients 提供上百种线性渐变有 180 种线性渐变的免费集合，您可以将其用作网站任何部分的内容背景。轻松复制 CSS3 跨浏览器代码并立即使用！我们还准备了每个渐变的 .PNG 版本。作为奖励，还有 Sketch 和 Photoshop的包。
webgradients.com
↗
-
007
Free Mesh Gradient 免费渐变集合
网格渐变生成器，可拖动控制点实时调出多色渐变，支持导出图片与复制代码。适合做当下流行的柔和多彩背景，比线性渐变更有层次。免费使用，界面为英文。
colorflow.ls.graphics
↗
-
008
CoolHue 渐变色卡
渐变色卡合集，把流行渐变整理成一页，可复制 CSS 代码或下载成图片，也能在 Sketch、Figma 等原型工具里直接调用。适合做背景与按钮时取现成渐变。免费、开源，界面为英文。
webkul.github.io
↗
-
009
SVG colorizer
随机生成svg图标的适配颜色，Shock Bundle中包含的200 万个图标和设计套件！
iconshock.com
↗
-
010
Gradient Hunt
免费开放的渐变灵感库，收录数千组手工调配的流行渐变，可直接取用色值，也能按色系筛。适合做背景、按钮、封面时找现成渐变。免费使用，界面为英文。
gradienthunt.com
↗
-
011
color hunt 调色板
由策展人人工筛选的配色方案集合，每天更新，每套四色、可直接复制色值。适合找配色灵感，也是这类工具里用得最多的之一，可按热门或最新翻。免费、免注册，界面为英文。
colorhunt.co
↗
-
012
Coolors 调色板生成器
创建完美的调色板或从数以千计的美丽配色方案中获得灵感。
coolors.co
↗
-
013
html colors codes
使用高级HTML颜色选择器、调色板生成器和实时图表，探索并提取颜色。了解HEX、RGB、HSL格式以及网页配色理论。
html-color-codes.info
↗
-
014
Brand Colors 品牌配色查询
查询知名品牌官方配色的工具，收录五百多个品牌的 Logo 用色，悬停即可取十六进制色值。适合做品牌相关设计时对齐官方色。免费、免注册，界面为英文。
brandcolors.net
↗
-
015
culrs
手工挑选的配色方案库，收录五百多套按场景分组的调色板（如品牌、自然、复古）。适合做项目前挑一套有明确调性的配色，不用从零试。免费使用，界面为英文。
culrs.com
↗
-
016
colors&fonts
Bay Photo Lab 的配色与字体搭配参考页，给出成套的色彩与字体组合示例。适合做品牌视觉时找组合参考，看清颜色和字形怎么搭。以浏览为主，界面为英文。
bayphoto.com
↗
-
017
colorspace
配色生成器：输入一个颜色，自动给出多套搭配方案以及渐变组合，并能直接复制色值。适合定下主色之后快速补齐辅色，比手动调色轮省事。免费、免注册，界面为英文。
mycolor.space
↗
-
018
colorcode
在线配色工具，可在色板上自由增删颜色、调整色相与饱和度，并导出色值给设计软件。适合需要自己拼一套配色、而不是挑现成的场景。免费使用，界面为英文。
colourco.de
↗
-
019
picular
需科学上网
用关键词搜颜色的工具：输入「香蕉」「天空」，它从 Google 图片搜索结果里提取主色并给出色值。适合需要从具体事物里找准确颜色时用。免费、免注册，界面为英文。
picular.co
↗
-
020
color leap
按年代检索流行配色的工具，收录了四千年来约一百八十组色卡，从古埃及、中世纪一路看到近代。适合做复古风格，或研究配色风格演变时找参考。免费使用，界面为英文。
colorleap.app
↗
-
021
Adobe color
使用颜色搭配生成器和交互式色轮创建和谐的配色方案。选择一种基础颜色，应用和谐的配色，在 Adobe Express 中自信地进行设计。
color.adobe.com
↗
-
022
Material UI Colors
Material UI Colors 颜色调色板是一个由设计师、开发人员和创新者组成的充满激情的团队开发的网站，他们可以为您的设计业务可视化和开发令人惊叹的图形、像素等需求实现完美的网站和应用程序的网站。
materialui.co
↗
-
023
Color Picker Tool
选一个颜色，立刻给出从黑到白之间的深浅色阶，点一下即可复制色值。做按钮悬停态、渐变、边框、阴影时特别快，不用自己手调明度。免费使用，无需注册。界面为英文。
0to255.com
↗
-
024
Material Design Color 材料设计调色板
Material Design 调色板生成器：选两三个主色，自动生成一套符合 Material 规范的完整色板，并可下载。适合按 Material 规范做界面时定色。免费、免注册，界面为英文。
materialpalette.com
↗
-
025
LOL Colors
由 Web Design Rankings 维护的配色方案集，每套四色，配色偏清新明快。适合网页设计时快速取一组现成配色。免费、免注册，界面为英文。
webdesignrankings.com
↗
-
026
UIgradients 多色渐变素材库
uiGradients 是一个由社区贡献的精美多色渐变素材库，里面接近上百种渐变配色方案， 设计师可根据自己风格来选择搭配， 此外我们还能直接获得对应渐变配色的CSS代码，相当方便。
uigradients.com
↗
-
027
ColorDrop 调色板工具
Colordrop 调色板工具是为创意人士打造的调色板工具，配色方案集合站，按卡片列出成套色值，点一下即可复制到剪贴板。适合随手翻着找灵感，页面干净没有多余干扰。免费使用，更新不算频繁，收录的都是耐看的组合。界面为英文。
colordrop.io
↗
-
028
colordic 日本和色大辞典
日本传统色的在线色卡，收录四百多个颜色名称与对应的十六进制色值，也覆盖 Web 安全色。适合做和风、日系设计时按颜色名字取色。免费、免注册，界面为日文。
colordic.org
↗
-
029
Paletton 配色方案设计师
在线配色工具，2002 年就在做（原名 Color Scheme Designer），用色轮生成互补、三角、四角等和谐的配色方案，并能预览配色在网页上的实际效果。适合需要快速定一套可用配色时用。免费、免注册，界面为英文。
paletton.com
↗
-
030
ABDZ
Abduzeedo 的平面设计频道，作品量不算大但选得比较精，另有设计教程。
abduzeedo.com
↗
-
031
花瓣
国内版的 Pinterest，用采集的方式把散落各处的图片收进自己的画板，再按主题整理。适合做项目前建参考板，或者平时随手存灵感。中文界面，免费注册；采集他人作品时留意原作者的授权说明。
huaban.com
↗
-
032
zhongguose
中国传统颜色对照站，按色名给出 CMYK、RGB 与十六进制色值。
zhongguose.com
↗
-
033
Flat UI Colors
Flat UI Colors 提供成套的扁平化配色方案，共 14 组调色板、280 种颜色，点一下即可复制色值。适合给界面定基础色，或者快速找一组不会出错的搭配。
flatuicolors.com
↗
-
034
One Page Love
需科学上网
单页网站设计画廊，收录优秀的单页作品与模板。
onepagelove.com
↗
