#01a7ee
十六進の色コード十六進の色コード#01a7ee
シアン色の色合いです。光の三原色RGBにおいて色モデル#01a7ee
は0.39%の赤色、65.49%の绿色、93.33%の青色でできている。HSLで色彩空間#01a7ee
は197.97度の色調、99.16%の彩度、46.86%の明るさを有している。この色は約495 nmの波長である。
#01a7ee
情報反転
#fe5811 25% 飽和度
#00a7ee 濃淡階調
#777777
rgb(1, 167, 238)
rgba(1, 167, 238, 1.0)
赤色:0.3922%、黄色:38.6756%、青色:93.3333%
#01a7ee
108526
-16668690 / 0xff01a7ee
hsl(198, 99%, 47%)
hsla(198, 99%, 47%, 1.0)
色調:198(197.9747)、彩度:100(99.5798)、値:93(93.3333)
X:29.2639、Y:33.8169、Z:85.8739
x:0.1965、y:0.227、Y:33.8169
L:64.817、a:-10.7243、b:-45.444
L:64.817、u:-42.5025、v:-71.6972
L:64.817、C:46.6923、H:256.7217
L:58.1523、a:-11.9405、b:-46.8472
シアン色:100(0.9958)、マゼンタ色:30(0.2983)、黄色:0(0)、黒色:7(0.0667)
シアン色:100(0.9961)、マゼンタ色:35(0.3451)、黄色:7(0.0667)
Y:125.46、I:-121.6985、Q:-13.0111
Y:125.46、U:55.3813、V:-109.1907
Y:125.46、Db:169.343、Dr:236.685
Y:123.749、Cb:183.737、Cr:50.085
Y:136.754、Pb:54.59、Pr:-86.266
10B 6/10近似、完全一致:Munsell 10B 6/10 / #1f9ddf
#01a7ee
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#01a7ee
黒まで#01a7ee
白まで#01a7ee
前景
<p style="color: #01a7ee; background-color: #000">#01a7ee前景</p>
#01a7ee
背景
<p style="background-color: #01a7ee">#01a7ee背景</p>
#01a7ee
境界
<p style="border: #01a7ee 3px solid">#01a7ee境界</p>
#01a7ee
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #01a7ee, #fff); background: -webkit-radial-gradient(50% 50%, #01a7ee, #fff); background: -o-radial-gradient(50% 50%, #01a7ee, #fff); background: -ms-radial-gradient(50% 50%, #01a7ee, #fff); background: radial-gradient(50% 50%, #01a7ee, #fff)">#01a7ee放射状グラデーション</p>
#01a7ee
を補足するための#ed4800
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #01a7ee, #ed4800); background: -webkit-linear-gradient(top, #01a7ee, #ed4800); background: -o-linear-gradient(top, #01a7ee, #ed4800); background: -ms-linear-gradient(top, #01a7ee, #ed4800); background: linear-gradient(top, #01a7ee, #ed4800); color: #000">
#01a7ee
を補足するための#ed4800
線上グラデーション</p>
#01a7ee
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #01a7ee">#01a7eeテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#01a7ee
に関連している順番で並べらられている。関連は、十六進法の色#01a7ee
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: