33ccff颜色信息
在RGB颜色空间中,#33ccff由20.0%红色,80.0%绿色和100.0%蓝色组成,十进制红色值为51,绿色值为204,蓝色值为255。在CMKY色彩空间中,他由80.0%青色,20.0%品红色,0.0%黄色和0.0%黑色组成。最接近的网页安全颜色是:#33ccff。
- R20.0
- G80.0
- B100.0
- C80.0
- M20.0
- Y0.0
- K0.0
颜色转换
#33ccff十进制的RGB值为R:51,G:204,B:255。CMYK值为C:80.0,M:20.0,Y:0.0,K:0.0
| RGB | 51,204,255 |
|---|---|
| 百分比 | 20.0%,80.0%,100.0% |
| 十六进制 | 33ccff |
| 十进制 | 3394815 |
| 二进制 | 00110011,11001100,11111111 |
| CMYK | 80.0,20.0,0.0,0.0 |
| CMYK百分比 | 80%,20%,0%,0% |
| CMY | 0.8,0.2,0.0 |
| CMY百分比 | 80%,20%,0% |
| HSL | 195.0°,100.0,60.0 |
| HSV(or HSB) | 195.0°,80.0,100.0 |
| XYZ | 41.003,51.106,102.306 |
|---|---|
| xyY | 0.211,0.263,51.106 |
| CIE-LAB | 76.743,-21.953,-35.987 |
| CIE-LUV | 76.743,-50.559,-55.511 |
| CIE-LCH/LCHab | 76.743,42.155,238.616 |
| CIE-LUV/LCHuv | 76.743,75.084,227.673 |
| Hunter-Lab | 71.488,-22.723,-34.807 |
| YIQ | 164.067,-107.559,-16.4883 |
| YUV | 164.067,44.74893,-99.19551 |
| 网页安全色 | #33ccff |
| 颜色名称 |
配色方案
为您提供丰富多样的颜色搭配灵感,帮助您在各个领域中实现理想的视觉效果。
矩形(四元)配色
方形(四元)配色
相似颜色
以下颜色与#33ccff在视觉上高度相似,或者属于同一色系,在寻求微妙变化时可作参考。
33ccff色度/色彩
通过调整亮度或饱和度,可以得到#33ccff向黑或向白过渡的渐变色板,这些变化能为您提供丰富的层次感选择。
- #00b9f7
#00b9f7rgb(0,185,247) - #00abe4
#00abe4rgb(0,171,228) - #009cd0
#009cd0rgb(0,156,208) - #008dbc
#008dbcrgb(0,141,188) - #007fa9
#007fa9rgb(0,127,169) - #007095
#007095rgb(0,112,149) - #006181
#006181rgb(0,97,129) - #00526e
#00526ergb(0,82,110) - #00445a
#00445argb(0,68,90) - #003547
#003547rgb(0,53,71) - #002633
#002633rgb(0,38,51) - #00181f
#00181frgb(0,24,31) - #00090c
#00090crgb(0,9,12)
- #0cc2ff
#0cc2ffrgb(12,194,255) - #1fc7ff
#1fc7ffrgb(31,199,255) - #33ccff
#33ccffrgb(51,204,255) - #47d1ff
#47d1ffrgb(71,209,255) - #5ad6ff
#5ad6ffrgb(90,214,255) - #6edbff
#6edbffrgb(110,219,255) - #81e0ff
#81e0ffrgb(129,224,255) - #95e5ff
#95e5ffrgb(149,229,255) - #a9e9ff
#a9e9ffrgb(169,233,255) - #bceeff
#bceeffrgb(188,238,255) - #d0f3ff
#d0f3ffrgb(208,243,255) - #e4f8ff
#e4f8ffrgb(228,248,255) - #f7fdff
#f7fdffrgb(247,253,255)
色调
通过添加灰色或调整饱和度,可以探索#33ccff在不同色调下的表现,从而获得更丰富的视觉情绪。
- #919da1
#919da1rgb(145,157,161) - #89a1a9
#89a1a9rgb(137,161,169) - #81a5b1
#81a5b1rgb(129,165,177) - #7aa9b8
#7aa9b8rgb(122,169,184) - #72adc0
#72adc0rgb(114,173,192) - #6ab1c8
#6ab1c8rgb(106,177,200) - #62b4d0
#62b4d0rgb(98,180,208) - #5ab8d8
#5ab8d8rgb(90,184,216) - #52bce0
#52bce0rgb(82,188,224) - #4bc0e7
#4bc0e7rgb(75,192,231) - #43c4ef
#43c4efrgb(67,196,239) - #3bc8f7
#3bc8f7rgb(59,200,247) - #33ccff
#33ccffrgb(51,204,255)
HTML/CSS代码
直接在您的网页设计或开发项目中使用#33ccff的相关代码。
#33ccff文本颜色
此段文字的字体颜色为#33ccff.
<span style="color:#33ccff;">文本</span>#33ccff背景颜色
此段背景颜色为#33ccff.
<p style="background-color:#33ccff;">文本</p>#33ccff边框颜色
这个边框颜色为#33ccff.
<div style="border:1px solid #33ccff;">文本</div>CSS代码
.text{color:#33ccff}.background{background-color:#33ccff}.border{border:1px solid#33ccff}
