42a9e4颜色信息
在RGB颜色空间中,#42a9e4由25.88%红色,66.27%绿色和89.41%蓝色组成,十进制红色值为66,绿色值为169,蓝色值为228。在CMKY色彩空间中,他由71.05%青色,25.88%品红色,0.0%黄色和10.59%黑色组成。最接近的网页安全颜色是:#3399cc。
- R25.9
- G66.3
- B89.4
- C71.1
- M25.9
- Y0.0
- K10.6
颜色转换
#42a9e4十进制的RGB值为R:66,G:169,B:228。CMYK值为C:71.053,M:25.877,Y:0.0,K:10.588
| RGB | 66,169,228 |
|---|---|
| 百分比 | 25.88%,66.27%,89.41% |
| 十六进制 | 42a9e4 |
| 十进制 | 4368868 |
| 二进制 | 01000010,10101001,11100100 |
| CMYK | 71.053,25.877,0.0,10.588 |
| CMYK百分比 | 71%,26%,0%,11% |
| CMY | 0.741,0.337,0.106 |
| CMY百分比 | 74%,34%,11% |
| HSL | 201.85°,75.0,57.65 |
| HSV(or HSB) | 201.85°,71.053,89.41 |
| XYZ | 30.435,35.133,78.572 |
|---|---|
| xyY | 0.211,0.244,35.133 |
| CIE-LAB | 65.853,-10.742,-38.266 |
| CIE-LUV | 65.853,-37.969,-59.646 |
| CIE-LCH/LCHab | 65.853,39.745,254.319 |
| CIE-LUV/LCHuv | 65.853,70.705,237.521 |
| Hunter-Lab | 59.273,-12.074,-37.103 |
| YIQ | 144.929,-80.3344,-3.4237 |
| YUV | 144.929,40.88008,-69.24559 |
| 网页安全色 | #3399cc |
| 颜色名称 |
配色方案
为您提供丰富多样的颜色搭配灵感,帮助您在各个领域中实现理想的视觉效果。
矩形(四元)配色
方形(四元)配色
相似颜色
以下颜色与#42a9e4在视觉上高度相似,或者属于同一色系,在寻求微妙变化时可作参考。
42a9e4色度/色彩
通过调整亮度或饱和度,可以得到#42a9e4向黑或向白过渡的渐变色板,这些变化能为您提供丰富的层次感选择。
- #2099df
#2099dfrgb(32,153,223) - #1d8ece
#1d8ecergb(29,142,206) - #1b82bd
#1b82bdrgb(27,130,189) - #1876ab
#1876abrgb(24,118,171) - #166a9a
#166a9argb(22,106,154) - #145e89
#145e89rgb(20,94,137) - #115378
#115378rgb(17,83,120) - #0f4767
#0f4767rgb(15,71,103) - #0c3b56
#0c3b56rgb(12,59,86) - #0a2f44
#0a2f44rgb(10,47,68) - #072333
#072333rgb(7,35,51) - #051722
#051722rgb(5,23,34) - #020c11
#020c11rgb(2,12,17)
- #31a1e2
#31a1e2rgb(49,161,226) - #42a9e4
#42a9e4rgb(66,169,228) - #53b1e6
#53b1e6rgb(83,177,230) - #64b9e9
#64b9e9rgb(100,185,233) - #75c0eb
#75c0ebrgb(117,192,235) - #87c8ee
#87c8eergb(135,200,238) - #98d0f0
#98d0f0rgb(152,208,240) - #a9d8f3
#a9d8f3rgb(169,216,243) - #bae0f5
#bae0f5rgb(186,224,245) - #cbe7f8
#cbe7f8rgb(203,231,248) - #dceffa
#dceffargb(220,239,250) - #eef7fd
#eef7fdrgb(238,247,253) - #ffffff
#ffffffrgb(255,255,255)
色调
通过添加灰色或调整饱和度,可以探索#42a9e4在不同色调下的表现,从而获得更丰富的视觉情绪。
- #8d9599
#8d9599rgb(141,149,153) - #8497a2
#8497a2rgb(132,151,162) - #7c99aa
#7c99aargb(124,153,170) - #749bb2
#749bb2rgb(116,155,178) - #6c9eba
#6c9ebargb(108,158,186) - #63a0c3
#63a0c3rgb(99,160,195) - #5ba2cb
#5ba2cbrgb(91,162,203) - #53a4d3
#53a4d3rgb(83,164,211) - #4aa7dc
#4aa7dcrgb(74,167,220) - #42a9e4
#42a9e4rgb(66,169,228) - #3aabec
#3aabecrgb(58,171,236) - #31aef5
#31aef5rgb(49,174,245) - #29b0fd
#29b0fdrgb(41,176,253)
HTML/CSS代码
直接在您的网页设计或开发项目中使用#42a9e4的相关代码。
#42a9e4文本颜色
此段文字的字体颜色为#42a9e4.
<span style="color:#42a9e4;">文本</span>#42a9e4背景颜色
此段背景颜色为#42a9e4.
<p style="background-color:#42a9e4;">文本</p>#42a9e4边框颜色
这个边框颜色为#42a9e4.
<div style="border:1px solid #42a9e4;">文本</div>CSS代码
.text{color:#42a9e4}.background{background-color:#42a9e4}.border{border:1px solid#42a9e4}
