专为色彩搭配而生

发现最美颜色搭配 构建您的专属配色方案

TOPVE颜色代码精心整理的颜色搭配表,在这些配色方案里我们是直接通过十六进制颜色代码命名的;
颜色代码对应的色彩搭配可以直接应用到网页配色中去

传图配色 让颜色搭配更轻松

上传一张你喜欢的图片,我们将根据图片自动生成一个漂亮的配色方案!

立即上传图片体验

颜色搭配技巧

很多同学不知道一个颜色怎么进行色彩搭配,这里我们整理了一些常见的颜色搭配问题的配色方案与技巧!

常见色彩搭配问题解答

紫色配什么颜色好看

2016/12/13 19:21

紫色配黄色系,视觉冲击力强,会使人眼前一亮;蓝色系,比较协调、不张扬。

  • #f1b000
  • #5c0c7b
  • #7b76ac
  • #2059a6

墨绿色配什么颜色好看

2016/12/13 19:13

墨绿色比较沉稳,可以搭配活泼跳跃一点的颜色,黄色是绿色的临近色,应该搭配不成问题,只有穿的场合问题,天蓝色配个今年流行的撞色也不错啊!

  • #669934
  • #346633
  • #65cc66
  • #0099cb

粉色配什么颜色好看

2016/12/13 19:03

粉色这类颜色的组合多用于女性主题,例如:化妆品、服装等,鲜嫩而充满诱惑,传达着柔情、娇媚、温柔、甜蜜、纯真、诱惑的心理感受。

  • #fe6767
  • #ffcc9a
  • #ff6766
  • #cb3398

绿色配什么颜色好看

2016/12/13 18:54

当绿色搭配同色系的亮色如柠檬黄绿、嫩草绿或白色,会给人清爽、生动的感觉;当绿色与暖色系的黄色或橙色相配,会有青春、活泼之感。而绿色与蓝色、紫色或黑色相配时,高贵华丽,但是最好不要过多使用。

  • #346633
  • #669934
  • #9acc99
  • #d6e6b5

蓝色配什么颜色好看

2016/12/13 18:49

蓝色搭配:在所有颜色中,蓝色服装最容易与其他颜色搭配。不管是近似于黑色的蓝色,还是深蓝色,都比较容易搭配,而且,蓝色具有紧缩身材的效果,极富魅力。

  • #30588c
  • #77c3f2
  • #b6dbf2
  • #3a758c

橙色配什么颜色好看

2016/12/13 18:32

橙色是欢快活泼的光辉色彩,是暖色系中最温暖的色,它使人联想到金色的秋天,丰硕的果实,是一种富足、快乐而幸福的颜色。橙色稍稍混入黑色或白色,会变成一种稳重、含蓄又明快的暖色,但混入较多的黑色,就成为一种烧焦的色;橙色中加入较多的白色会带来一种甜腻的感觉。

橙色明视度高,在工业安全用色中,橙色即是警戒色,如火车头,登山服装,背包,救生衣等,橙色一般可作为喜庆的颜色,同时也可作富贵色,如皇宫里的许多装饰。橙色可作餐厅的布置色,据说在餐厅里多用橙色可以增加食欲。

橙色与浅绿色和浅蓝色相配,可以构成最响亮、最欢乐的色彩。橙色与淡黄色相配有一种很舒服的过渡感。橙色一般不能与紫色或深蓝色相配,这将给人一种不干净、晦涩的感觉。由于橙色非常明亮刺眼,有时会使人有负面低俗的意象,这种状况尤其容易发生在服饰的运用上,所以在运用橙色时,要注意选择搭配的色彩和表现方式,才能把橙色明亮活泼具有口感的特性发挥出来。

  • #17324d
  • #984d54
  • #d9742c
  • #eab34f

玫红色配什么颜色好看

2016/12/13 18:25

玫红色可以搭配裸色,玫红搭配明黄,格外亮眼。玫红色搭配天蓝色,典雅富贵。玫红色搭配粉色,会显得可爱靓丽玫红色搭配黑色,庄重成熟

  • #ffcc00
  • #cc3467
  • #ff6766
  • #3398cc

咖啡色配什么颜色好看

2016/12/13 18:19

咖啡色属于大地的色系咖啡色属于大地的色系,所以营造民族风情是非常好的办法,可以缓解因为咖啡的稳重和低调很难获得惊艳的效果。小面积的点缀色为蓝色、绿色、紫色是最为出彩的。一些大型的有民族特色的饰品该是大施拳脚的时候了。

  • #b05c1c
  • #65533d
  • #291e1a
  • #3c1323

红色配什么颜色好看

2016/12/13 18:07

红色最容易搭配的颜色就是白色,可以使红色更显眼,给人一种清纯的感觉;黑色也是最适合搭配的颜色,大气稳重。除此之外,红色也可以和蓝色、粉红色、褐色等搭配,但要是不注意就很容易失败的。若要和这些颜色搭配,最好再夹杂上白色,就会比较好看了(如红、白、蓝相间,或是红、白、绿相间)。

  • #e50000
  • #cdcc00
  • #006599
  • #000000

天蓝色配什么颜色好看

2016/12/13 17:56

天蓝色是一种亮度适中的的颜色,并不抢眼,但却能给人一种宁静悠然的气息。天蓝色的神秘、知性与温婉,一个纯净的色彩具有如此多面的表情,足以带给你一种别样的唯美气质与雅致。那么天蓝色如何搭配其它颜色才能好看呢?你所需要做的就是展示它最本质一面。

蓝色+紫色+对比色橙色 相近色调的搭配会给人以稳定的印象,而对比色的组合则具有个性鲜明的特征。加入对比色还能产生互相提携,搭配和谐的效果。鲜亮的蓝色和橙色以大约一比一的比例搭配,是对比最为强烈的组合。 如果想稍稍削弱对比度,只需改变其中一种颜色的色调,或者加入一些无色系的颜色,效果也不错。

  • #5cb8e5
  • #0099cb
  • #4c3366
  • #ffc61a

卡其色配什么颜色好看

2016/12/13 17:42

卡其色是个很好看的颜色,也比较好搭配。建议要想酷酷的感觉,跟很鲜艳的颜色搭配,可以选择军绿、黑色、米色、咖啡这些颜色。要想文静一些素颜一些,就可以选择白色,鹅黄色,或者其他一些偏白偏淡的颜色

  • #0f4d24
  • #d4bba7
  • #faf4e1
  • #684e41

驼色配什么颜色好看

2016/12/13 17:38

1、驼色+白色:最经典的驼色系搭配,但注意白色不要太“薄”,比较“厚”的白色与驼色最合适。

2、驼色+橙色:创意十足的配色,含蓄内敛的驼色和新鲜活跃的橙色相遇后,会呈现出一种奇妙的效果,都市感觉强烈,适合30岁以下的女性。

3、驼色+黑色:简单而稳重的配色,效果不必多言。

4、驼色+酒红色:华贵的配色,华贵的酒红色能够增添驼色的权威感,同时不失活力,比如驼色套装加酒红色衬衫,就非常适合在办公室或商务场合出现。

5、驼色+墨绿色:具有异国情调的配色,驼色和墨绿共有的沉稳、大方的气质相得益彰,可以渗透出中年女性特有的风韵。

  • #f58b01
  • #a06e2d
  • #801a33
  • #113d34

浅绿色配什么颜色好看

2016/12/13 17:24

绿色象征自然,成长,清新,宁静,安全和希望,是一种娇艳的色彩,使人联想到自然界的植物,不过,绿色本身却很难与别的颜色相配合。

  • #52cc76
  • #99cc33
  • #ffcc00
  • #fe9900

橘红色配什么颜色好看

2016/12/13 17:12

非常好看的橘红色,绝对是今年最亮眼最受追捧的颜色。惹眼的橘红色保留有红色的火热,但却多了一分鲜丽。

  • #e7d7c8
  • #e55322
  • #343031
  • #e8e7e5

橘色配什么颜色好看

2016/12/13 16:58

橙色是欢快活泼的光辉色彩,是暖色系中最温暖的色,它使人联想到金色的秋天,丰硕的果实,是一种富足、快乐而幸福的颜色。橙色稍稍混入黑色或白色,会变成一种稳重、含蓄又明快的暖色,但混入较多的黑色,就成为一种烧焦的色;橙色中加入较多的白色会带来一种甜腻的感觉。

橙色明视度高,在工业安全用色中,橙色即是警戒色,如火车头,登山服装,背包,救生衣等,橙色一般可作为喜庆的颜色,同时也可作富贵色,如皇宫里的许多装饰。橙色可作餐厅的布置色,据说在餐厅里多用橙色可以增加食欲。

橙色与浅绿色和浅蓝色相配,可以构成最响亮、最欢乐的色彩。橙色与淡黄色相配有一种很舒服的过渡感。橙色一般不能与紫色或深蓝色相配,这将给人一种不干净、晦涩的感觉。由于橙色非常明亮刺眼,有时会使人有负面低俗的意象,这种状况尤其容易发生在服饰的运用上,所以在运用橙色时,要注意选择搭配的色彩和表现方式,才能把橙色明亮活泼具有口感的特性发挥出来。

  • #f4e2a6
  • #faa805
  • #7f9121
  • #61aae0

更多色彩搭配方案

颜色代码快速选择器能够快速查到各种色彩搭配及字体颜色的代码

一组高端蓝色的色彩搭配方案

2016/12/13 12:28
  • #30588c
  • #77c3f2
  • #b6dbf2
  • #3a758c

叶子和水的颜色搭配方案

2016/12/13 13:09
  • #d8e12c
  • #62751b
  • #85bcbf
  • #c6def3

悲伤的色彩搭配方案

2016/12/13 13:07
  • #687f8c
  • #19192c
  • #281f41
  • #192458

商务的颜色搭配方案

2016/12/13 13:03
  • #faffd4
  • #adb282
  • #ffffff
  • #aeadb2

battella

2016/12/13 12:57
  • #990008
  • #3b4040
  • #0e0040
  • #b07509

关于TOPVE颜色代码

在WEB前端开发中 不必为了找一个色彩搭配的颜色代码而去启动臃肿的PS啦

TOPVE颜色代码

TOPVE颜色代码是一款在线的web前端开发利器,聚合众多实用的在线调色软件,精心整理了众多优秀颜色搭配方案、颜色的英文、颜色表等颜色大全,使用颜色代码进行色彩搭配是你进行前端开发中网页配色的不二之选!

颜色具有四个特性,即色相(H)、饱和度(S)、明亮度(L)、透明度(A);在html颜色代码中,我们可以使用的颜色代码形式有标准的16进制颜色代码(#2b344d)、RBG(43,52,77)、HSLA(225,40%,30%,0.7)这三种形式;

网站设计制作的时候,免不了跟html颜色代码有关系,除了一些简单黑色、白色、红色等代码之外,很多代码我们都不能很清楚的记得,在在WEB前端开发编写网页的时候,为了方便大家不必去启动一个庞大的PS,让大家有所依照,因此,我们做了这个颜色代码工具,供大家使用,如果您喜欢这个在线颜色代码工具,一定记得加入收藏和分享给您的朋友们哟。

如何使用HTML颜色代码

使用HTML的颜色代码,您可以设置网站的背景、文字颜色的颜色、表格单元格颜色、CSS样式表中众多元素的颜色搭配等等,不仅可以使用#80BFFF和颜色的英文名称(red)这样的代码,还能使用RGBA、HSLA等带透明通道的颜色代码。

网页配色使用背景的HTML颜色代码:
<body bgcolor="#80BFFF">

网页配色使用文字的HTML颜色代码:
<font color="#80BFFF">

网页配色使用表格的HTML颜色代码:
<table bgcolor="#80BFFF">

网页配色使用连接的HTML颜色代码:
<a style="color:#80BFFF">

网页配色使用CSS背景的HTML颜色代码:
.bgcolor{backgroun:#FF0000;}

网页配色使用CSS文字颜色的HTML颜色代码:
.txtcolor{color:#424242;}

颜色代码导航

支持我们

如果您觉得这个颜色代码工具比较好用,记得加入收藏和推荐分享给你的同事及朋友哦!

分享到:

大牛 别默默的用了 来点评一下吧

2010- © TOPVE 颜色代码 - WEB前端开发利器 色彩搭配最理想的调色工具

color - 唯艺互动 - QQ:270304282 -

2010- © TOPVE 颜色代码 版权所有

QQ:270304282