3399cc颜色信息
在RGB颜色空间中,#3399cc由20.0%红色,60.0%绿色和80.0%蓝色组成,十进制红色值为51,绿色值为153,蓝色值为204。在CMKY色彩空间中,他由75.0%青色,25.0%品红色,0.0%黄色和20.0%黑色组成。最接近的网页安全颜色是:#3399cc。
- R20.0
- G60.0
- B80.0
- C75.0
- M25.0
- Y0.0
- K20.0
颜色转换
#3399cc十进制的RGB值为R:51,G:153,B:204。CMYK值为C:75.0,M:25.0,Y:0.0,K:20.0
| RGB | 51,153,204 |
|---|---|
| 百分比 | 20.0%,60.0%,80.0% |
| 十六进制 | 3399cc |
| 十进制 | 3381708 |
| 二进制 | 00110011,10011001,11001100 |
| CMYK | 75.0,25.0,0.0,20.0 |
| CMYK百分比 | 75%,25%,0%,20% |
| CMY | 0.8,0.4,0.2 |
| CMY百分比 | 80%,40%,20% |
| HSL | 200.0°,60.0,50.0 |
| HSV(or HSB) | 200.0°,75.0,80.0 |
| XYZ | 23.653,27.844,61.251 |
|---|---|
| xyY | 0.21,0.247,27.844 |
| CIE-LAB | 59.747,-11.999,-34.501 |
| CIE-LUV | 59.747,-36.1,-52.371 |
| CIE-LCH/LCHab | 59.747,36.529,250.823 |
| CIE-LUV/LCHuv | 59.747,63.608,235.421 |
| Hunter-Lab | 52.767,-12.331,-31.886 |
| YIQ | 128.316,-77.1681,-5.7018 |
| YUV | 128.316,37.24479,-67.83051 |
| 网页安全色 | #3399cc |
| 颜色名称 |
配色方案
为您提供丰富多样的颜色搭配灵感,帮助您在各个领域中实现理想的视觉效果。
矩形(四元)配色
方形(四元)配色
相似颜色
以下颜色与#3399cc在视觉上高度相似,或者属于同一色系,在寻求微妙变化时可作参考。
3399cc色度/色彩
通过调整亮度或饱和度,可以得到#3399cc向黑或向白过渡的渐变色板,这些变化能为您提供丰富的层次感选择。
- #3399cc
#3399ccrgb(51,153,204) - #2f8dbc
#2f8dbcrgb(47,141,188) - #2b81ad
#2b81adrgb(43,129,173) - #27769d
#27769drgb(39,118,157) - #236a8d
#236a8drgb(35,106,141) - #1f5e7e
#1f5e7ergb(31,94,126) - #1b526e
#1b526ergb(27,82,110) - #18475e
#18475ergb(24,71,94) - #143b4e
#143b4ergb(20,59,78) - #102f3f
#102f3frgb(16,47,63) - #0c232f
#0c232frgb(12,35,47) - #08181f
#08181frgb(8,24,31) - #040c10
#040c10rgb(4,12,16)
- #43a1d0
#43a1d0rgb(67,161,208) - #52a9d4
#52a9d4rgb(82,169,212) - #62b1d8
#62b1d8rgb(98,177,216) - #72b8dc
#72b8dcrgb(114,184,220) - #81c0e0
#81c0e0rgb(129,192,224) - #91c8e4
#91c8e4rgb(145,200,228) - #a1d0e7
#a1d0e7rgb(161,208,231) - #b1d8eb
#b1d8ebrgb(177,216,235) - #c0e0ef
#c0e0efrgb(192,224,239) - #d0e7f3
#d0e7f3rgb(208,231,243) - #e0eff7
#e0eff7rgb(224,239,247) - #eff7fb
#eff7fbrgb(239,247,251) - #ffffff
#ffffffrgb(255,255,255)
色调
通过添加灰色或调整饱和度,可以探索#3399cc在不同色调下的表现,从而获得更丰富的视觉情绪。
- #788287
#788287rgb(120,130,135) - #6e8591
#6e8591rgb(110,133,145) - #64899b
#64899brgb(100,137,155) - #5a8ca5
#5a8ca5rgb(90,140,165) - #508faf
#508fafrgb(80,143,175) - #4792b8
#4792b8rgb(71,146,184) - #3d96c2
#3d96c2rgb(61,150,194) - #3399cc
#3399ccrgb(51,153,204) - #299cd6
#299cd6rgb(41,156,214) - #1fa0e0
#1fa0e0rgb(31,160,224) - #16a3e9
#16a3e9rgb(22,163,233) - #0ca6f3
#0ca6f3rgb(12,166,243) - #02a9fd
#02a9fdrgb(2,169,253)
HTML/CSS代码
直接在您的网页设计或开发项目中使用#3399cc的相关代码。
#3399cc文本颜色
此段文字的字体颜色为#3399cc.
<span style="color:#3399cc;">文本</span>#3399cc背景颜色
此段背景颜色为#3399cc.
<p style="background-color:#3399cc;">文本</p>#3399cc边框颜色
这个边框颜色为#3399cc.
<div style="border:1px solid #3399cc;">文本</div>CSS代码
.text{color:#3399cc}.background{background-color:#3399cc}.border{border:1px solid#3399cc}
