色見本
RGB
CMYK
RYB
#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の各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：