颜色值转换工具

支持 HEX、RGB、HSL 格式互转

输入颜色值

颜色预览

当前颜色值

未输入

转换结果

hex:

rgb:

hsl:

网页配色方案

红色系

一种神秘的色彩，刺激效果，能使人产生动力，信赖，热情，活力的感觉。

#FFFFCC

#CCFFFF

#FFCCCC

#99CCCC

#FFCC99

#FFCCCC

#FF9999

#996699

#FFCCCC

#CC9999

#FFFFCC

#CCCC99

#FECCCC

#FFFF99

#CCCCFF

#0099CC

#CCCCCC

#FF6666

#FF9966

#FF6666

#FFCCCC

#CC9966

#666666

#CC9999

#FE6666

#FFFF66

#99CC66

#CC3333

#CCCCCC

#003366

#993333

#CCCC00

#663366

#CCCC99

#666666

#CC9999

#FE6666

#FFFF00

#0066CC

#CC0033

#333333

#CCCC00

#336633

#990033

#FFCC99

#FF0033

#333399

#CCCC00

#CC0033

#000000

#003399

#000000

#99CC00

#CC0033

#999933

#993333

#333300

橙色系

也是一种激发的色彩，具有轻快，欢欣，热烈，温暖，时尚的效果。

#FFCC99

#FFFF99

#99CC99

#FFCC99

#CCFF99

#CCCCCC

#FFCC99

#FFFFCC

#99CCFF

#FF9966

#FFFFCC

#99CC99

#FF9900

#FFFFCC

#336699

#CCCC33

#FFFF99

#CC9933

#99CC33

#FF9900

#FFCC00

#FF9933

#99CC33

#CC6699

#FF9933

#FFFF00

#336BCC

#FF6600

#FFFF66

#009966

#CC6600

#CCCC33

#336699

#990033

#CCFF66

#FF9900

黄色系

具有快乐，希望，智慧和轻快的个性，它的明度最高。

#FFFFCC

#CCFFFF

#FFCCCC

#FFFF00

#FFFFFF

#CCCC00

#99CCFF

#FFCC33

#FFFFCC

#FFFF00

#FFFFFF

#9933FF

#99CCFF

#FFCC33

#FFFF33

#FFCC00

#66CC00

#FFFF99

#0000CC

#FFFF99

#CC9999

#FFFFCC

#6666CC

#999933

#FFFFCC

#999966

#FF9966

#FFCC33

#FFFFCC

#999966

#333333

#006633

#333300

#CCCC99

#006633

#663300

绿色系

一介于冷暖两种色彩的中间，显得和谐，宁静，健康，安全的感觉。它和金黄，淡白搭配，可以产生优雅，舒适的气氛。

#009966

#FFFFFF

#FFFF00

#339933

#FFFFFF

#9933CC

#339933

#FFFFFF

#000000

#FFFFCC

#CCCC66

#336666

#669933

#CCCCCC

#000000

#339933

#CC9900

#666666

#339933

#CCCCCC

#6699CC

#006633

#CCCC33

#CC9933

#339933

#669933

#99CC99

#003300

#669933

#CCCC99

#006633

#663300

#CCCC66

#993333

#CC9966

#003300

蓝色系

是最具凉爽，清新，专业的色彩。它和白色混合，能体现柔和，淡雅，浪漫的气氛(象天空的色彩。)

#FFFFCC

#CCFFFF

#FFCCCC

#99CCCC

#FFFFFF

#3399CC

#FFCC99

#FFFFCC

#99CCFF

#99CCCC

#FFFFFF

#99CCCC

#FFFFFF

#CCFF99

#99CC33

#FFFFFF

#3399CC

#0099CC

#FFFFFF

#666666

#CCCCCC

#6699CC

#666666

#336699

#CCCC99

#003366

#6699CC

#006699

#000000

#003366

#CCCCCC

#006699

#999933

#336699

#333333

紫色系

高贵典雅的色彩，具有神秘感和庄重感。

#FFFFCC

#FFFF99

#CCCCFF

#9999CC

#99CC99

#FFFFFF

#FFCCCC

#CCCCFF

#CCCC99

#FFCCCC

#FF99CC

#CCCCFF

#996699

#FFCCCC

#CC99CC

#663366

#CCCCCC

#CC99CC

#996699

#9999CC

#CCCCFF

#663366

#999999

#663366

#CCCCCC

#FF33CC

#CCCC99

#663366

#999999

#CCCCFF

#999966

#993333

#330033

柔和、明亮、温柔

亮度高的色彩搭配在一起就会得到柔和、明亮、温柔的感觉。为了避免刺眼，设计师一般会用低亮度的同类色调和相近色相的高亮度有彩色搭配。

#FFFFCC

#CCFFFF

#FFCCCC

#FFFF99

#CCCCFF

#FF9966

#FF6666

#FFCCCC

#CCCCFF

#CCFFCC

#CCCCFF

#FFCCCC

#CCFFFF

#FFCC99

#FFFFCC

#99CCCC

柔和、洁净、爽朗

对于柔和、洁净、爽朗的印象，色环中蓝相邻的颜色应该是最适合的，并且亮度偏高。可以看到，几乎每个组合都有白色参与，当然在实际设计时，可以用蓝绿相邻反差相的高亮度有彩色代替白色。

#CCFF99

#FFFFFF

#99CCFF

#99CCCC

#FFFFFF

#CCFFCC

#FFFFFF

#66CCCC

#CCFFFF

#FFFFFF

#99CCFF

#6699CC

#FFFFFF

#99CCFF

可爱、快乐、有趣

可爱、快乐、有趣印象中的色彩搭配特点是，色相分布均匀，冷暖搭配饱和度高，色彩分辨度高。

#66CCCC

#CCFF66

#FF99CC

#FF9999

#FFFFFF

#FFCC99

#FF9900

#CCFF00

#CC3399

#99CC33

#FF9900

#FF6600

#993366

#CCCC33

#666633

运动型、轻快

运动的色彩要强化激烈，刺激的感受，同时还要体现健康，快乐，阳光。因此和知性软弱的色彩在这里经常被弃用。

#FF6666

#FFFF00

#006699

#FF9966

#FFFFFF

#0066CC

#339933

#FFCC33

#336699

#FF9900

#FFFFCC

#336699

#CC6600

#CCCC44

#336699

#FF0033

#333399

#CCCC00

传统、稳重、古典

传统、稳重、古典都是保守的印象，色彩的选择上应该反应这种美感，这种搭配将会成就审美。

#6699CC

#663366

#CCCC99

#990033

#006633

#CCCC00

#666699

#660033

#99CC99

#993366

#CCCC33

#666633

简单、洁净、进步

简单、洁净的色彩在色相上可以用蓝、绿、线条明快，并大面积留白，而进步的印象可以用蓝色，搭配低饱和度和他相差室的色彩。

#CCCCCC

#FFFFFF

#666699

#CCFF66

#FFFFFF

#003366

#99CCFF

#FFFFFF

#336699

#CCCC33

#FFFFFF

#336699