一个网站8种工具！一站式在线配色网站 Color Designer
大家好我是为你们推荐实用设计神器的花生~
上一次为大家推荐了配色神器 ——Palettemaker，它能实时将生成的配色方案呈现在UI、插画、海报等设计模板上，让设计师对配色效果有直观的预览，以此调整完善配色方案。
拯救配色废！让配色效率暴涨10倍的预览神器 Palettemaker
大家好，这里是设计神器挖掘前线记者花生为您发回的实时报道 ~
配色一直是我们设计师比较关注的话题，可能大家都收藏了很多个自动生成配色方案的网站，但会发现在网站上看着不错的配色用起来却不太行，没办法就只能再重新找，非常浪费时间。
阅读文章 >
今天继续为大家推荐另一款好用的在线配色神器 Color Designer，它聚合了色卡生成、渐变色卡、图片提取颜色、图片提取色卡、随机配色等 8 种用途，功能全面实用，让配色方案的生成更加简单快捷。
Color Designer
网站直达： https://colordesigner.io/
Color Designer 的调色板功能非常全面，功能灵活便捷，主要包括以下 4 种：
① 便捷的色彩选择。在主页顶部的「Swatches」有预设的7个主题色系供用户选择，「Color Picker 」内可以修改颜色，「Mass Editor」内是配色方案中5个颜色的十六进制数值。
② 预设配色方案。网站提供了60多种配色方案，按不用色彩主题分类，入口在顶部的Color Palettes。选中一种配色方案后，可以点击调色板中间的小图标对颜色进行编辑。
③ 自动生成同色系明暗颜色。定好一个主色后，网站会自动在「Tints」内显示同色系亮调色，在「Shades」内显示同色系的暗色调，在「Tones」内显示不同饱和度的颜色，颜色数量范围为1~ 40个，对UI设计来说尤其方便。
④ 和谐配色方案。网站提供多种和谐配色方案，如互补色、三角、分割互补、正方形等。
网站会根据用户选定的 2 种颜色，生成 1-40 种中间的渐变色。每个颜色都会给出十六进制色值、RGB 和 HSL 色值，点击即可复制；点击 2 种主色的色板可以修改颜色。
色彩混合器非常好玩，能显示不同颜色以不同的比例混合后，会呈现出什么样的效果。我们可以自己修改和增减颜色，色块下方的加减号可以修改该颜色所占的比例，调色板图标用于改修颜色，垃圾桶图标可以删除颜色。
用数值表示色彩虽然准确，但也冰冷无趣。但在 Color Designer 你可以查询到一个色彩在 PANTONE、NTC、HTML 等不同色彩体系汇总的命名。比如#7CFC00 在 HTML 中为 Lawngreen，在 PANTONE 中的命名为 Electric Lime。
支持 5 种颜色格式的任意互相转换，包括 RGB、HEX、HSL、HSV 和 CMYK。
根据上传的图片，自动提取颜色生成配色卡。颜色数量在 1-20 个，生成后每个颜色都有十六进制数值，可以一键复制。
上传图片后，我们可以使用取色框提取图片中任意一部分的色彩值，提供 HEX、RGB 和 HSL 三种颜色格式。
可以自动生成一组毫无规律的配色方案，分为完全随机和自定义（Custom Settings）。在自定义中，我们可以先设置一个主题色和色调倾向，然后网站就能生成的一组特定色彩，可以作为一个很好的配色灵感工具。
好啦以上就是今天为大家推荐的配色网站 Color Designer，里面包含了生成配色方案、生成渐变色、根据图片提取颜色和配色、颜色格式转换等 8 种工具，此外还提供 Figma 和 XD 插件，非常适合在 UI 设计和矢量插画中使用。
喜欢这个神器的小伙伴记得点赞收藏，也可以转发给身边有需要朋友 。如果你有关于本文或者设计的相关疑问，可以在评论区提出，我会第一时间为大家解答 ~
推荐阅读：
配色找不到感觉？这个PCCS色彩体系帮你从根本上解决（三）
大家好，我是和你聊设计的花生~
之前向大家介绍了 PCCS（日本色彩研究所配色体系），它是目前全世界最常用的色彩体系之一，能帮助我们了解色彩要如何使用才更方便，以及如何搭配色彩才更和谐更好看。
阅读文章 >
配色被说不好看？高手这160种配色方案直接拿去用！
颜色可以在很大程度上影响一件设计作品的调性和美观性，要想抓准一件设计作品的调性，选择一个合适的色彩搭配组合尤为关键，为此，葱爷花两天时间整理了 19 大设计调性，多达 160 种配色方案，赶紧收藏起来以备不时之需吧。
阅读文章 >
