色見本
RGB
CMYK
RYB
#01a6fb十六進の色コード十六進の色コード#01a6fbシアン青色の色合いです。光の三原色RGBにおいて色モデル#01a6fbは0.39%の赤色、65.1%の绿色、98.43%の青色でできている。HSLで色彩空間#01a6fbは200.4度の色調、99.21%の彩度、49.41%の明るさを有している。この色は約494 nmの波長である。
#01a6fb情報反転
#fe5904 25% 飽和度
#00a6fb 濃淡階調
#7d7d7d
rgb(1, 166, 251)
rgba(1, 166, 251, 1.0)
赤色：0.3922%、黄色：39.3716%、青色：98.4314%
#01a6fb
108283
-16668933 / 0xff01a6fb
hsl(200, 99%, 49%)
hsla(200, 99%, 49%, 1.0)
色調：200（200.4）、彩度：100（99.6016）、値：98（98.4314）
X：31.0613、Y：34.2439、Z：96.2394
x：0.1923、y：0.212、Y：34.2439
L：65.1557、a：-5.4086、b：-52.0143
L：65.1557、u：-41.3045、v：-83.473
L：65.1557、C：52.2948、H：264.0636
L：58.5183、a：-7.6598、b：-56.5457
シアン色：100（0.996）、マゼンタ色：34（0.3386）、黄色：0（0）、黒色：2（0.0157）
シアン色：100（0.9961）、マゼンタ色：35（0.349）、黄色：2（0.0157）
Y：126.355、I：-125.6005、Q：-8.4438
Y：126.355、U：61.3381、V：-109.9758
Y：126.355、Db：187.555、Dr：238.39
Y：124.519、Cb：189.735、Cr：49.53
Y：136.975、Pb：61.475、Pr：-86.41
2.5PB 6/12近似、完全一致：Munsell 2.5PB 6/12 / #149af3
#01a6fb配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#01a6fb黒まで#01a6fb白まで#01a6fb前景
<p style="color: #01a6fb; background-color: #000">#01a6fb前景</p>
#01a6fb背景
<p style="background-color: #01a6fb">#01a6fb背景</p>
#01a6fb境界
<p style="border: #01a6fb 3px solid">#01a6fb境界</p>
#01a6fb放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #01a6fb, #fff); background: -webkit-radial-gradient(50% 50%, #01a6fb, #fff); background: -o-radial-gradient(50% 50%, #01a6fb, #fff); background: -ms-radial-gradient(50% 50%, #01a6fb, #fff); background: radial-gradient(50% 50%, #01a6fb, #fff)">#01a6fb放射状グラデーション</p>
#01a6fbを補足するための#fb5500線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #01a6fb, #fb5500); background: -webkit-linear-gradient(top, #01a6fb, #fb5500); background: -o-linear-gradient(top, #01a6fb, #fb5500); background: -ms-linear-gradient(top, #01a6fb, #fb5500); background: linear-gradient(top, #01a6fb, #fb5500); color: #000">#01a6fbを補足するための#fb5500線上グラデーション</p>
#01a6fbテキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #01a6fb">#01a6fbテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#01a6fbに関連している順番で並べらられている。関連は、十六進法の色#01a6fbの各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：