#00ccff颜色信息-RGB,CMYK,配色方案|Coloraa颜色查询

在RGB颜色空间中，#00ccff由0.0％红色，80.0％绿色和100.0％蓝色组成，十进制红色值为0，绿色值为204，蓝色值为255。在CMKY色彩空间中，他由100.0%青色，20.0%品红色，0.0%黄色和0.0%黑色组成。最接近的网页安全颜色是：＃00ccff。

♥
- R0.0
- G80.0
- B100.0
RGB百分比
- C100.0
- M20.0
- Y0.0
- K0.0
CMYK百分比

＃00ccff十进制的RGB值为R:0,G:204,B:255。CMYK值为C:100.0,M：20.0,Y:0.0,K:0.0

RGB	0,204,255
百分比	0.0%,80.0%,100.0%
十六进制	00ccff
十进制	52479
二进制	00000000,11001100,11111111
CMYK	100.0,20.0,0.0,0.0
CMYK百分比	100%,20%,0%,0%
CMY	1.0,0.2,0.0
CMY百分比	100%,20%,0%
HSL	192.0°,100.0,50.0
HSV(or HSB)	192.0°,100.0,100.0

XYZ	39.638,50.402,102.242
xyY	0.206,0.262,50.402
CIE-LAB	76.315,-24.35,-36.684
CIE-LUV	76.315,-53.587,-56.403
CIE-LCH/LCHab	76.315,44.03,236.425
CIE-LUV/LCHuv	76.315,77.8,226.466
Hunter-Lab	70.994,-24.578,-35.69
YIQ	148.818,-137.9499,-27.2748
YUV	148.818,52.25256,-130.56051
网页安全色	#00ccff
颜色名称

为您提供丰富多样的颜色搭配灵感，帮助您在各个领域中实现理想的视觉效果。

#00ccff
```
#00ccffrgb(255,51,0)
```
#ff3300
```
#ff3300rgb(255,51,0)
```

互补色

#00ffb3
```
#00ffb3rgb(0,255,179)
```
#00ccff
```
#00ccffrgb(0,204,255)
```
#004dff
```
#004dffrgb(0,77,255)
```

类似色

#99ff00
```
#99ff00rgb(153,255,0)
```
#00ccff
```
#00ccffrgb(0,204,255)
```
#000dff
```
#000dffrgb(0,13,255)
```

中差色

#ffb300
```
#ffb300rgb(255,179,0)
```
#00ccff
```
#00ccffrgb(0,204,255)
```
#ff004d
```
#ff004drgb(255,0,77)
```

分裂补色

#ccff00
```
#ccff00rgb(204,255,0)
```
#00ccff
```
#00ccffrgb(0,204,255)
```
#ff00cc
```
#ff00ccrgb(255,0,204)
```

正三角形(三元)配色

#00ccff
```
#00ccffrgb(0,204,255)
```
#00ff33
```
#00ff33rgb(0,255,51)
```
#ff3300
```
#ff3300rgb(255,51,0)
```
#ff00cc
```
#ff00ccrgb(255,0,204)
```

矩形（四元）配色

#00ccff
```
#00ccffrgb(0,204,255)
```
#4cff00
```
#4cff00rgb(76,255,0)
```
#b200ff
```
#b200ffrgb(178,0,255)
```
#ff3300
```
#ff3300rgb(255,51,0)
```

方形（四元）配色

#008fb3
```
#008fb3rgb(0,143,179)
```
#00a3cc
```
#00a3ccrgb(0,163,204)
```
#00b8e6
```
#00b8e6rgb(0,184,230)
```
#00ccff
```
#00ccffrgb(0,204,255)
```
#1ad1ff
```
#1ad1ffrgb(26,209,255)
```
#33d6ff
```
#33d6ffrgb(51,214,255)
```
#4ddbff
```
#4ddbffrgb(77,219,255)
```

单色

以下颜色与#00ccff在视觉上高度相似，或者属于同一色系，在寻求微妙变化时可作参考。

#00fff2
```
#00fff2rgb(0,255,242)
```
#00f7ff
```
#00f7ffrgb(0,247,255)
```
#00e1ff
```
#00e1ffrgb(0,225,255)
```
#00ccff
```
#00ccffrgb(0,204,255)
```
#00b7ff
```
#00b7ffrgb(0,183,255)
```
#00a2ff
```
#00a2ffrgb(0,162,255)
```
#008cff
```
#008cffrgb(0,140,255)
```

相似颜色

通过调整亮度或饱和度，可以得到#00ccff向黑或向白过渡的渐变色板，这些变化能为您提供丰富的层次感选择。

#00ccff
```
#00ccffrgb(0,204,255)
```
#00bceb
```
#00bcebrgb(0,188,235)
```
#00add8
```
#00add8rgb(0,173,216)
```
#009dc4
```
#009dc4rgb(0,157,196)
```
#008db1
```
#008db1rgb(0,141,177)
```
#007e9d
```
#007e9drgb(0,126,157)
```
#006e89
```
#006e89rgb(0,110,137)
```
#005e76
```
#005e76rgb(0,94,118)
```
#004e62
```
#004e62rgb(0,78,98)
```
#003f4e
```
#003f4ergb(0,63,78)
```
#002f3b
```
#002f3brgb(0,47,59)
```
#001f27
```
#001f27rgb(0,31,39)
```
#001014
```
#001014rgb(0,16,20)
```

至黑

#14d0ff
```
#14d0ffrgb(20,208,255)
```
#27d4ff
```
#27d4ffrgb(39,212,255)
```
#3bd8ff
```
#3bd8ffrgb(59,216,255)
```
#4edcff
```
#4edcffrgb(78,220,255)
```
#62e0ff
```
#62e0ffrgb(98,224,255)
```
#76e4ff
```
#76e4ffrgb(118,228,255)
```
#89e7ff
```
#89e7ffrgb(137,231,255)
```
#9debff
```
#9debffrgb(157,235,255)
```
#b1efff
```
#b1efffrgb(177,239,255)
```
#c4f3ff
```
#c4f3ffrgb(196,243,255)
```
#d8f7ff
```
#d8f7ffrgb(216,247,255)
```
#ebfbff
```
#ebfbffrgb(235,251,255)
```
#ffffff
```
#ffffffrgb(255,255,255)
```

至白

通过添加灰色或调整饱和度，可以探索#00ccff在不同色调下的表现，从而获得更丰富的视觉情绪。

#768589
```
#768589rgb(118,133,137)
```
#6c8b93
```
#6c8b93rgb(108,139,147)
```
#62919d
```
#62919drgb(98,145,157)
```
#5897a7
```
#5897a7rgb(88,151,167)
```
#4e9db1
```
#4e9db1rgb(78,157,177)
```
#45a3ba
```
#45a3bargb(69,163,186)
```
#3ba9c4
```
#3ba9c4rgb(59,169,196)
```
#31afce
```
#31afcergb(49,175,206)
```
#27b4d8
```
#27b4d8rgb(39,180,216)
```
#1dbae2
```
#1dbae2rgb(29,186,226)
```
#14c0eb
```
#14c0ebrgb(20,192,235)
```
#0ac6f5
```
#0ac6f5rgb(10,198,245)
```
#00ccff
```
#00ccffrgb(0,204,255)
```

色调变化

直接在您的网页设计或开发项目中使用#00ccff的相关代码。

#00ccff文本颜色

此段文字的字体颜色为#00ccff.

<span style="color:#00ccff;">文本</span>

#00ccff背景颜色

此段背景颜色为#00ccff.

<p style="background-color:#00ccff;">文本</p>

#00ccff边框颜色

这个边框颜色为#00ccff.

<div style="border:1px solid #00ccff;">文本</div>

CSS代码

.text{color:#00ccff}

.background{background-color:#00ccff}

.border{border:1px solid#00ccff}

#00ccff

00ccff颜色信息

颜色转换

配色方案

相似颜色

00ccff色度/色彩

色调

HTML/CSS代码