Colorful

<p align="center"> <img src="https://yellow-cdn.veclightyear.com/87312a0a/1fd8f98d-5e7c-4520-89c5-b077f7c6d0a1.gif" alt="头部图片"> </p> # 多彩 [](https://github.com/sindresorhus/awesome)

一个精选的优秀资源列表，用于选择你的下一个配色方案。

灵感来自__awesome列表。在贡献之前，请阅读贡献指南__。

目录

• 工具
• 库
• 网页应用
• 调色板
• 文章

工具

库

• Chroma.js - 处理颜色的JavaScript库。
• pigment - 颜色信息、转换和操作库
• GradStop.js - 生成渐变色停止点。
• Adaptive Backgrounds - 从图像中提取主要颜色并应用到其父元素(jQuery插件)。
• Coloor - 图像预加载工具。
• Color Thief - 从图像中获取调色板。
• Colorify.js - 简单、可自定义、小巧的JavaScript颜色提取器。
• Colofilter.css - 用CSS制作的双色调滤镜。
• Polychrome - 用于解析和操作颜色的小型库。
• Palettable - Palettable(前身为brewer2mpl)是Python的调色板库
• picocli - 用于创建带有ANSI颜色和样式的Java命令行应用程序的小型库。
• granim.js - 创建流畅和交互式的渐变动画。
• tinygradient - 快速小巧的渐变操作。
• TinyColor - 快速小巧的JavaScript颜色操作和转换。
• Distinct Colors - 生成视觉上不同的颜色调色板。
• color2k - 颜色解析和操作库。

网页应用

• Color Picker for Data - 保持色度不变，轻松选择你的调色板。
• Colorbrewer2 - 用于热图和数据可视化的多色调和单色调调色板。
• Coolors - 为你的设计生成无限的调色板并分享。
• Flat UI Colors - UI颜色集。
• Material Design Colors - Material Design颜色、Flat UI颜色和Material Design图标。
• Palettab - 每个新标签页都有新的调色板和字体灵感(Chrome扩展)。
• Paletton - 配色方案设计器。
• Adobe Color Wheel - 使用色轮创建配色方案。
• Drag Gradients - 生成和自定义多个css3径向渐变。
• SassMe - 实时可视化SASS颜色函数，无需编译。
• Colourco - 轻松直观地组合颜色。
• HSL Color Picker - HSL颜色选择器。
• SVG Color Filter Playground - 了解feColorMatrix的工作原理。
• Random A11y - 生成随机的无障碍友好调色板。
• Save My Palette - 保存、分享和导出你的调色板。
• Colordot - 人性化的颜色选择器。
• Material Palette - Material Design调色板生成器。
• 0to255 - 查找任何颜色的变体。
• 147 Colors - 学习CSS颜色名称。
• Shutterstock Spectrum - 用Spectrum按颜色搜索图像。
• ColRD - 创建并与世界分享颜色灵感。
• Palettable - 无需任何前期设计知识即可生成漂亮的调色板。
• Colorgorical - 生成n种颜色的调色板。
• Color Library - 自动颜色分离。
• ColorFavs - 创建和发现美丽的调色板和颜色。
• Colormind - Colormind是一个使用深度学习的配色方案生成器。
• iColorpalette - 通过颜色或主题创建、浏览或导出(aco、ase、svg、png、pdf)调色板。
• geenes - 在几秒钟内创建一个颜色比例，然后导出到sketch或代码。
• Tints and Shades - 以10%的增量显示给定十六进制颜色的色调和阴影。
• Sorted colors - 按相关颜色分组排序的命名CSS颜色。
• Croma - 从图像和颜色生成调色板
• Hexcolorpedia - 十六进制颜色信息、颜色转换、色调、色彩、色调、Pantone匹配、颜色混合和大量调色板集合。
• Atmos - 创建调色板所需的一切。
• AI Color Palette Generator - 使用AI驱动的调色板生成器轻松创建令人惊叹的配色方案。
• Colorca - 在HSLuv色彩空间为数字产品设计无障碍调色板
• ColorBeta - 高级CSS渐变生成器。

调色板

• ColorHunt - 带有快速预览功能的调色板。
• Swiss Style Color Picker - 调色板集合。
• UI Gradients - 精选的美丽色彩渐变集合。
• Color Hex Palettes - 发现新的调色板。
• Color Palettes - 用色彩创意装饰你的房子、公寓、卧室、厨房、客厅和婚礼。
• Design Seeds - 在自然和有目的生活的美学中发现的颜色。
• Gradients - 精选的渐变。
• Colour Names - CSS中的颜色名称列表。
• BrandColors - 世界最大品牌的官方颜色代码。
• Branition Colors - 精心挑选的最适合品牌的调色板集合。
• Color Lisa - 世界最伟大艺术家的调色板杰作。
• Cohesive Colors - 创建协调的配色方案的工具。
• Colordrop - 外观精美的调色板集合。
• ColorsWall - 存储调色板和生成工具的地方。
• Open Color - 在红绿色弱和蓝黄色弱模式下测试的颜色。
• ColorClaim - 微妙的颜色组合。
• WebGradients - 180种线性渐变的免费集合。
• Dave Green's 'cubehelix' colour scheme - cubehelix系列配色方案的资源。
• Color Name List - 精心策划的独特颜色名称大列表。
• Realtime Colors - 在真实网站上可视化你的颜色和字体。

文章

• 时尚网页配色方案和Material Design配色方案及工具
• 我如何处理颜色
• 活动样式指南的调色板文档
• 我是如何学习调色的
• 应用设计中颜色的力量
• 在UX设计中用颜色创造情感
• UX编舞的原则
• 如何创建色彩故事
• 营销中的色彩心理学
• 图像自动和谐配色选择算法
• 从大师那里获取色彩灵感
• 构建配色方案：基础知识
• 色彩原理和色轮
• 色彩与情感：每种色调意味着什么？
• 设计师的色彩理论，第1部分：色彩的含义
• Web开发人员的简单色彩指南
• 无障碍设计，不同视角：色彩对比提示和工具
• 色彩的代码方面
• 如何在网页设计中用色彩创造正确的情感
• 为你的品牌选择颜色
• 精细调整`feColorMatrix`
• 用色彩设计
• [