#01b6cd
十六進の色コード十六進の色コード#01b6cd
シアン色の色合いです。光の三原色RGBにおいて色モデル#01b6cd
は0.39%の赤色、71.37%の绿色、80.39%の青色でできている。HSLで色彩空間#01b6cd
は186.76度の色調、99.03%の彩度、40.39%の明るさを有している。この色は約502 nmの波長である。
#01b6cd
情報反転
#fe4932 25% 飽和度
#00b6ce 濃淡階調
#676767
rgb(1, 182, 205)
rgba(1, 182, 205, 1.0)
赤色:0.3922%、黄色:38.0025%、青色:80.3922%
#01b6cd
112333
-16664883 / 0xff01b6cd
hsl(187, 99%, 40%)
hsla(187, 99%, 40%, 1.0)
色調:187(186.7647)、彩度:100(99.5122)、値:80(80.3922)
X:27.7599、Y:37.8701、Z:63.6042
x:0.2148、y:0.293、Y:37.8701
L:67.9248、a:-30.0058、b:-22.4901
L:67.9248、u:-50.0498、v:-30.9526
L:67.9248、C:37.4987、H:216.8525
L:61.5387、a:-27.172、b:-18.2029
シアン色:100(0.9951)、マゼンタ色:11(0.1122)、黄色:0(0)、黒色:20(0.1961)
シアン色:100(0.9961)、マゼンタ色:29(0.2863)、黄色:20(0.1961)
Y:130.503、I:-115.2136、Q:-31.1174
Y:130.503、U:36.6603、V:-113.6152
Y:130.503、Db:112.109、Dr:246.264
Y:128.075、Cb:164.885、Cr:46.908
Y:145.103、Pb:32.315、Pr:-91.558
10BG 7/8近似、完全一致:Munsell 10BG 7/8 / #34bfd2
#01b6cd
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#01b6cd
黒まで#01b6cd
白まで#01b6cd
前景
<p style="color: #01b6cd; background-color: #000">#01b6cd前景</p>
#01b6cd
背景
<p style="background-color: #01b6cd">#01b6cd背景</p>
#01b6cd
境界
<p style="border: #01b6cd 3px solid">#01b6cd境界</p>
#01b6cd
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #01b6cd, #fff); background: -webkit-radial-gradient(50% 50%, #01b6cd, #fff); background: -o-radial-gradient(50% 50%, #01b6cd, #fff); background: -ms-radial-gradient(50% 50%, #01b6cd, #fff); background: radial-gradient(50% 50%, #01b6cd, #fff)">#01b6cd放射状グラデーション</p>
#01b6cd
を補足するための#cd1700
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #01b6cd, #cd1700); background: -webkit-linear-gradient(top, #01b6cd, #cd1700); background: -o-linear-gradient(top, #01b6cd, #cd1700); background: -ms-linear-gradient(top, #01b6cd, #cd1700); background: linear-gradient(top, #01b6cd, #cd1700); color: #000">
#01b6cd
を補足するための#cd1700
線上グラデーション</p>
#01b6cd
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #01b6cd">#01b6cdテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#01b6cd
に関連している順番で並べらられている。関連は、十六進法の色#01b6cd
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: