一个网站8种工具！一站式在线配色网站 Color Designer

大家好我是为你们推荐实用设计神器的花生~

上一次为大家推荐了配色神器 ——Palettemaker，它能实时将生成的配色方案呈现在UI、插画、海报等设计模板上，让设计师对配色效果有直观的预览，以此调整完善配色方案。

今天继续为大家推荐另一款好用的在线配色神器 Color Designer，它聚合了色卡生成、渐变色卡、图片提取颜色、图片提取色卡、随机配色等 8 种用途，功能全面实用，让配色方案的生成更加简单快捷。

Color Designer

网站直达： https://colordesigner.io/

1. 调色板功能 Palette Generator

Color Designer 的调色板功能非常全面，功能灵活便捷，主要包括以下 4 种：

① 便捷的色彩选择。在主页顶部的「Swatches」有预设的7个主题色系供用户选择，「Color Picker 」内可以修改颜色，「Mass Editor」内是配色方案中5个颜色的十六进制数值。

② 预设配色方案。网站提供了60多种配色方案，按不用色彩主题分类，入口在顶部的Color Palettes。选中一种配色方案后，可以点击调色板中间的小图标对颜色进行编辑。

③ 自动生成同色系明暗颜色。定好一个主色后，网站会自动在「Tints」内显示同色系亮调色，在「Shades」内显示同色系的暗色调，在「Tones」内显示不同饱和度的颜色，颜色数量范围为1~ 40个，对UI设计来说尤其方便。

④ 和谐配色方案。网站提供多种和谐配色方案，如互补色、三角、分割互补、正方形等。

2. 渐变色生成器 Gradient Generator

网站会根据用户选定的 2 种颜色，生成 1-40 种中间的渐变色。每个颜色都会给出十六进制色值、RGB 和 HSL 色值，点击即可复制；点击 2 种主色的色板可以修改颜色。

3. 色彩混合器 Color Mixer

色彩混合器非常好玩，能显示不同颜色以不同的比例混合后，会呈现出什么样的效果。我们可以自己修改和增减颜色，色块下方的加减号可以修改该颜色所占的比例，调色板图标用于改修颜色，垃圾桶图标可以删除颜色。

4. 色彩名称查询 What color is this?

用数值表示色彩虽然准确，但也冰冷无趣。但在 Color Designer 你可以查询到一个色彩在 PANTONE、NTC、HTML 等不同色彩体系汇总的命名。比如#7CFC00 在 HTML 中为 Lawngreen，在 PANTONE 中的命名为 Electric Lime。

5. 颜色格式转换 Color Converter

支持 5 种颜色格式的任意互相转换，包括 RGB、HEX、HSL、HSV 和 CMYK。

6. 提取图片配色方案

根据上传的图片，自动提取颜色生成配色卡。颜色数量在 1-20 个，生成后每个颜色都有十六进制数值，可以一键复制。

7. 提取图片色彩

上传图片后，我们可以使用取色框提取图片中任意一部分的色彩值，提供 HEX、RGB 和 HSL 三种颜色格式。

8. 随机颜色生成器

可以自动生成一组毫无规律的配色方案，分为完全随机和自定义（Custom Settings）。在自定义中，我们可以先设置一个主题色和色调倾向，然后网站就能生成的一组特定色彩，可以作为一个很好的配色灵感工具。

好啦以上就是今天为大家推荐的配色网站 Color Designer，里面包含了生成配色方案、生成渐变色、根据图片提取颜色和配色、颜色格式转换等 8 种工具，此外还提供 Figma 和 XD 插件，非常适合在 UI 设计和矢量插画中使用。

喜欢这个神器的小伙伴记得点赞收藏，也可以转发给身边有需要朋友 。如果你有关于本文或者设计的相关疑问，可以在评论区提出，我会第一时间为大家解答 ~

推荐阅读：