当规划你的新商业网站的外观时，你必须决定你想使用的颜色。给游客带来积极的影响影响更多的销售额，你的调色板应该加强你的品牌，让你的网站易于阅读和导航，而 - 超出所有 - 看起来很好。

但是，找到“看起来很好”的颜色并不像听起来那么简单。许多因素有助于如何在视觉和情绪水平上处理颜色。这使得难以从头开始创建有效和原始的网站颜色方案，即使我们有一些直观的彩色组合工作良好，哪些味道不好。

幸运的是，你不需要重新发明色轮来建立一个伟大的网站。在此帖子中，我们策划了21个最佳颜色组合的列表网页设计你可以自己试试。通过这种方式，你可以跳过同事关于你的主页是否应该是绿色和橙色的争论，离正式发布主页更近一步。

免费工作手册:如何计划一个成功的网站重新设计

最佳网站颜色方案和组合

  1. 珊瑚红与维京
  2. 东湾，月亮莱克和幽灵
  3. 海盗和开瑞
  4. Tan Hide, Vermilion和Acapulco
  5. 波提切利，尼泊尔，灰色船
  6. 波斯绿色，Vista蓝色，毛佛和向日葵
  7. 万寿菊黄，冰冷和远景蓝
  8. 香料，托斯卡纳，雅法，印花布和黄色金属
  9. 阿尔托，曼迪粉红色，栗子玫瑰，高跟鞋
  10. 瑞士咖啡，斯库纳，法拉普和矿井
  11. 郁金香树和旁遮普
  12. 天鹅降落，蒙特卡洛，天文台
  13. 你的粉红色，苦乐参半和alizarin Crimson
  14. 潘帕斯，你的粉红，还有梅兰妮
  15. 山地草甸和木兰
  16. 赤土陶器，枪粉，月亮莱克，阿卡普尔科和曼哈顿
  17. Bittersweet，Cosmos，尼罗蓝色和海鸥
  18. 马里布，航空蓝色，皮革蓝色和波士顿蓝色
  19. Navajo白色和生动的橘子
  20. 鸽子灰和航空蓝
  21. 米兰红色和黑色珍珠

当然，一群神秘的颜色名字并不多有帮助，而不会在行动中看到它们。（什么是“Pharlap，”无论如何吗？）

因此，对于每个方案，我提供了一个可视示例。所有示例都从被赞誉的网站拉出，以获得视觉上诉。随意使用这些网站作为色调，布局和整体美学的灵感。

1.珊瑚红色和维京

十六进制码: # 7 # F93943 eb2dd

珊瑚红色和维京色彩方案的一个例子

图像源码

2.东湾，月亮莱克和幽灵

十六进制代码：＃424874，＃dcd6f7，＃cacfd6

例如East Bay, Moon Raker和Ghost的配色方案

图像源码

3. Viking和Karry

十六进制代码：＃7eb2dd，＃ffe8d4

Viking和Karry配色方案的例子

图像源码

4.Tan Hide, Vermilion和Acapulco

十六进制代码:#F98866， #FF420E， #80BD9E

Tan Hide，朱砂和阿卡普尔科配色方案的例子

图像源码

5.尼泊尔，船灰色和瓶子

十六进制代码:#90AFC5， #3E363F， #C4DFE6，

例如尼泊尔，船灰色和波提切利配色方案

图像源码

6.波斯绿色，Vista蓝色，毛佛和向日葵

Hex代码:#00A6A6， #98DBC6， #F18D9E， #E6D72A

波斯绿色，Vista蓝色，莫沃斯和向日葵颜色方案的例子

图像源码

7.万寿菊黄，冰冷和远景蓝

十六进制代码：＃f6e278，#bcf4f5，＃98dbc6

万寿菊黄色，冰冷，和vista蓝色网站颜色方案的例子

图像源码

8.香料，托斯卡纳，贾法，卡里科和黄金

十六进制代码：＃6e352c，＃cf5230，＃f59a44，＃e3c598，＃6e612f

Spice, Tuscany, Jaffa, Calico和Yellow Metal网站配色方案的例子

图像源码

9.女低音，曼迪丝粉，栗色玫瑰，细高跟鞋

十六进制代码：＃d9d9d9，＃f5b3b4，＃d15656，＃94353

Alto，Mandys Pink，Chestnut Rose和Stiletto网站颜色方案的示例

图像源码

10.瑞士咖啡，斯库纳，法拉普和矿井

十六进制代码：＃e1dcd9，＃8f8681，＃a67f78，＃3e3c3c

例如瑞士咖啡，Schooner, Pharlap和Mine Shaft网站的配色方案

图像源码

11.郁金香树和旁遮普

十六进制代码：＃f2ab39，＃563c16

郁金香树和Punga配色方案的例子

图像源码

12. Swans下来，蒙特卡洛和天文台

十六进制代码:#D1EDE1， #7BC5AE， #028C6A

例子。Swans Down，Monte Carlo和天文台网站配色方案

图像源码

13.你的粉红色，苦乐参半和茜素深红色

十六进制代码：＃ffc2c3，＃fe7773，＃ea3238

你的粉色，苦乐参半，茜素红网站配色方案的例子

图像源码

14.潘帕斯，粉红色和梅兰尼

十六进制代码:#，F1EBE9， #FFC2C3， #E6CBDD

PAMPAS，粉红色和Melanie网站配色方案的一个例子

图像源码

15.山地草甸和木兰

十六进制代码：＃1b998b，＃f8f1ff

Mountain Meadow和Magnolia网站配色方案的一个例子

图像源码

16.赤土陶器，枪粉，月亮莱克，阿卡普尔科和曼哈顿

十六进制代码:#E07A5F， #3D405B， #DECDF5， #81B29A， #F2CC8F

Terracotta, Gun Powder, Moon Raker, Acapulco和Manhattan网站配色方案的例子

图像源码

17. Bittersweet，Cosmos，尼罗蓝色和海鸥

十六进制代码:#FE7773， #FFD8D8， #194049， #87CEEB

Bittersweet，Cosmos，尼罗蓝色和海鸥网站颜色方案的示例

图像源码

18.马里布，航空蓝色，皮革蓝色和波士顿蓝色

十六进制代码：＃4dd7ff，＃aefff1，＃32c3ee，＃3b8fa1

例如Malibu, Aero Blue, Picton Blue和Boston Blue网站的配色方案

图像源码

19.Navajo白色和生动的橘子

十六进制代码:#FFE0AC， #FF8C8C

20.鸽子灰和航空蓝

十六进制代码：＃666666，＃b5ffe9

鸽子灰色和航空蓝色网站颜色方案的例子

图像源码

21.米兰红色和黑色珍珠

十六进制代码：＃ba1200，＃031927

例如米兰红和黑珍珠的网站配色方案

图像源码

添加色彩

起初，似乎发现正确的颜色组合应该是简单而直观的。毕竟，我们看到了有效用途在我们周围，从品牌设计，艺术和娱乐，到时尚服装。事实是，所有这些现实世界的设计都经过精心策划，测试，并且至少部分地由之前的设计启发。

为你的网站创造完美的色彩设计是一个挑战。但是，坚持我提供的其中一个方案，你的网站将成为另一个高质量的网页设计的实际例子。

博客 - 网站Redesign工作簿指南[列表]

网站设计

最初发布于2020年10月13日早上6:15:00，更新于2020年10月14日

话题：

网站设计