#01b8ce
十六進の色コード十六進の色コード#01b8ce
シアン色の色合いです。光の三原色RGBにおいて色モデル#01b8ce
は0.39%の赤色、72.16%の绿色、80.78%の青色でできている。HSLで色彩空間#01b8ce
は186.44度の色調、99.03%の彩度、40.59%の明るさを有している。この色は約503 nmの波長である。
#01b8ce
情報反転
#fe4731 25% 飽和度
#00b8cf 濃淡階調
#676767
rgb(1, 184, 206)
rgba(1, 184, 206, 1.0)
赤色:0.3922%、黄色:38.3091%、青色:80.7843%
#01b8ce
112846
-16664370 / 0xff01b8ce
hsl(186, 99%, 41%)
hsla(186, 99%, 41%, 1.0)
色調:186(186.439)、彩度:100(99.5146)、値:81(80.7843)
X:28.2936、Y:38.7437、Z:64.3796
x:0.2153、y:0.2948、Y:38.7437
L:68.5652、a:-30.6537、b:-22.0627
L:68.5652、u:-50.6534、v:-30.1945
L:68.5652、C:37.7678、H:215.744
L:62.2444、a:-27.7894、b:-17.7527
シアン色:100(0.9951)、マゼンタ色:11(0.1068)、黄色:0(0)、黒色:19(0.1922)
シアン色:100(0.9961)、マゼンタ色:28(0.2784)、黄色:19(0.1922)
Y:131.791、I:-116.0838、Q:-31.8515
Y:131.791、U:36.5186、V:-114.7452
Y:131.791、Db:111.676、Dr:248.713
Y:129.181、Cb:164.742、Cr:46.101
Y:146.605、Pb:32.045、Pr:-92.512
10BG 7/8近似、完全一致:Munsell 10BG 7/8 / #34bfd2
#01b8ce
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#01b8ce
黒まで#01b8ce
白まで#01b8ce
前景
<p style="color: #01b8ce; background-color: #000">#01b8ce前景</p>
#01b8ce
背景
<p style="background-color: #01b8ce">#01b8ce背景</p>
#01b8ce
境界
<p style="border: #01b8ce 3px solid">#01b8ce境界</p>
#01b8ce
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #01b8ce, #fff); background: -webkit-radial-gradient(50% 50%, #01b8ce, #fff); background: -o-radial-gradient(50% 50%, #01b8ce, #fff); background: -ms-radial-gradient(50% 50%, #01b8ce, #fff); background: radial-gradient(50% 50%, #01b8ce, #fff)">#01b8ce放射状グラデーション</p>
#01b8ce
を補足するための#ce1700
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #01b8ce, #ce1700); background: -webkit-linear-gradient(top, #01b8ce, #ce1700); background: -o-linear-gradient(top, #01b8ce, #ce1700); background: -ms-linear-gradient(top, #01b8ce, #ce1700); background: linear-gradient(top, #01b8ce, #ce1700); color: #000">
#01b8ce
を補足するための#ce1700
線上グラデーション</p>
#01b8ce
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #01b8ce">#01b8ceテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#01b8ce
に関連している順番で並べらられている。関連は、十六進法の色#01b8ce
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: