一个网站8种工具!一站式在线配色网站 Color Designer 收藏
大家好我是为你们推荐实用设计神器的花生~
上一次为大家推荐了 配色神器 ——Palettemaker,它能实时将生成的配色方案呈现在UI、插画、海报等设计模板上,让设计师对配色效果有直观的预览,以此调整完善配色方案。
拯救配色废!让配色效率暴涨10倍的预览神器 Palettemaker 大家好,这里是设计神器挖掘前线记者花生为您发回的实时报道 ~ 配色一直是我们设计师比较关注的话题,可能大家都收藏了很多个自动生成配色方案的网站,但会发现在网站上看着不错的配色用起来却不太行,没办法就只能再重新找,非常浪费时间。
阅读文章 >
今天继续为大家推荐另一款好用的在线配色神器 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 设计和矢量插画中使用。
喜欢这个神器的小伙伴记得点赞收藏,也可以转发给身边有需要朋友 。如果你有关于本文或者设计的相关疑问,可以在评论区提出,我会第一时间为大家解答 ~
推荐阅读:
配色找不到感觉?这个PCCS色彩体系帮你从根本上解决(三) 大家好,我是和你聊设计的花生~ 之前向大家介绍了 PCCS(日本色彩研究所配色体系),它是目前全世界最常用的色彩体系之一,能帮助我们了解色彩要如何使用才更方便,以及如何搭配色彩才更和谐更好看。
阅读文章 >
配色被说不好看?高手这160种配色方案直接拿去用! 颜色可以在很大程度上影响一件设计作品的调性和美观性,要想抓准一件设计作品的调性,选择一个合适的色彩搭配组合尤为关键,为此,葱爷花两天时间整理了 19 大设计调性,多达 160 种配色方案,赶紧收藏起来以备不时之需吧。
阅读文章 >