色彩条形图
RGB
CMYK
RYB
#30d5c8十六进制颜色代码十六进制颜色代码綠松石色/綠松色（Turquoise）／#30d5c8是度的青色阴影。在RGB三原色光模式中，#30d5c8是由18.82%的红色，83.53%的绿色和78.43%的蓝色组成。在HSL色彩空间里，#30d5c8有175.27度的色调，66.27%的饱和度以及51.18%的亮度。这种颜色的波长将近510纳米。
#30d5c8信息转换
#cf2a37 25%饱和度
#1be9d9 灰阶
#828282
25%亮度
#66e0d6 初始
#30d5c8 25%暗度
#21a298
中綠松石色／mediumturquoise
#48d1cc 25%去饱和
#44c0b6 网页安全色：aqua
#00ffff
rgb(48, 213, 200)
rgba(48, 213, 200, 1.0)
红色：18.8235%，黄色：52.5032%，蓝色：83.5294%
#30d5c8
3200456
-13576760 / 0xff30d5c8
hsl(175, 66%, 51%)
hsla(175, 66%, 51%, 1.0)
色调：175（175.2727），饱和：77（77.4648），值：84（83.5294）
X：35.4385，Y：52.387，Z：62.8875
x：0.2351，y：0.3476，Y：52.387
L：77.5117，a：-43.1948，b：-5.3307
L：77.5117，u：-57.9161，v：-1.4893
L：77.5117，C：43.5225，H：187.0353
L：72.3789，a：-39.265，b：-0.8498
青色：77（0.7746），洋红色：0（0），黄色：6（0.061），黑色：16（0.1647）
青色：81（0.8118），洋红色：16（0.1647），黄色：22（0.2157）
Y：162.183，I：-94.1167，Q：-38.935
Y：162.183，U：18.6106，V：-100.1749
Y：162.183，Db：56.921，Dr：217.124
Y：155.288，Cb：146.713，Cr：56.488
Y：176.919，Pb：12.475，Pr：-81.902
5BG 8/10（近似）
#30d5c8配色／混色及调色在ASE （Adobe Swatch Exchange）或GIMP .gpl格式中下载调色板
#30d5c8至黑#30d5c8至白#30d5c8前景
<p style="color: #30d5c8; background-color: #000">#30d5c8前景</p>
#30d5c8背景
<p style="background-color: #30d5c8">#30d5c8背景</p>
#30d5c8边界
<p style="border: #30d5c8 3px solid">#30d5c8边界</p>
#30d5c8辐射梯度
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #30d5c8, #fff); background: -webkit-radial-gradient(50% 50%, #30d5c8, #fff); background: -o-radial-gradient(50% 50%, #30d5c8, #fff); background: -ms-radial-gradient(50% 50%, #30d5c8, #fff); background: radial-gradient(50% 50%, #30d5c8, #fff)">#30d5c8辐射梯度</p>
#30d5c8线形梯度至互补色#d4303d
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #30d5c8, #d4303d); background: -webkit-linear-gradient(top, #30d5c8, #d4303d); background: -o-linear-gradient(top, #30d5c8, #d4303d); background: -ms-linear-gradient(top, #30d5c8, #d4303d); background: linear-gradient(top, #30d5c8, #d4303d); color: #000">#30d5c8线形梯度至互补色#d4303d</p>
#30d5c8文本阴影
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #30d5c8">#30d5c8文本阴影</p>
匹配色按照与十六进制色码#30d5c8的关联度顺序排列。每个图色品牌的前四种相关色相对于十六进制色码#30d5c8的视觉相似度决定了此相关度。
跳到颜色品名：