配色网站都怎么样？有什么懒人本人用的配色网站推荐吗？不要放几个颜色完事，说清楚哪个颜色用于什么地方好吗 -___-

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 2216 天前的主题，其中的信息可能已经有所发展或是发生改变。

鉴于本人设计文盲，每次做网站都是偷看别人网站的配色
有时候也想找个配色网站找找合适的配色，但是配色网站很多
很漂亮也很精美，很丰富也很多样
可惜，唯一一点，没看到过哪个配色网站告诉我，这组配色中，到底哪个配色用于哪个地方

以网站为例（ app 类似），可以使用颜色的地方（色彩依附载体）有：

网页背景
栏目名称背景
导航背景
标题文字颜色
hover 文字颜色

等等这些，你给我甩出几个个颜色，我到底哪个地方用哪个颜色依然是不清楚
所以，每次看完配色网站，我依然毫无头绪
是我打开的姿势不对吗，这些配色网站到底应该怎么来使用？

求问，有没有一个直截了当告诉我，什么颜色用于什么地方的配色网站。（如果没有的话，v 站的设计狮赶紧做一个，我来顶你）

配色网站举例 https://colordrop.io/

配色

网站

颜色

地方

7 条回复 • 2018-10-17 17:30:16 +08:00

SorcererXW

2018-10-17 10:41:24 +08:00 via Android

体验一下 Google Material 的配色工具，自己选颜色，然后告诉你哪个颜色用在哪个元素

https://material.io/tools/color

akaayy

2018-10-17 10:43:33 +08:00

在我心中，有这样一个配色工具网站的原型
网站左边是一个通用网站的模板，有背景导航，右边是各组推荐的配色
点击一组配色，右边网站模板就变成了这个配色的样子，然后在左边我还可以对每个颜色进行微调
最后配出来一个满意的配色之后，可以导出 css 文件

完美！

加油吧，设计狮们~

akaayy

2018-10-17 10:52:50 +08:00

@SorcererXW
Google 这个跟我想的很接近了，不过它主要适用于 app 的配色设计
也很棒啦，谢谢

sugarsalt

2018-10-17 11:25:13 +08:00

花钱找设计师。

akaayy

2018-10-17 11:43:40 +08:00

http://stylifyme.com/

Stylify Me，它可以获取帮我们获取一个网站的配色，字体，大小等风格信息。当你看到一个网站，对他的配色，字体等样式信息非常感兴趣，只需要输入网址，即可分析出网页使用的所有颜色，包括背景颜色、文字颜色、字体、字体大小等样式，生成的结果还可以通过 PDF 格式下载保存，非常方便。

这个网站也不错，就是服务不稳定

cfans1993

2018-10-17 11:59:30 +08:00 via Android

抄多了感觉就来了
----打开浏览器就一路抄抄抄的美工

XuJianHua

2018-10-17 17:30:16 +08:00

以前我做 BBS 模板的时候，配色都在 LOGO 取色