色見本
RGB
CMYK
RYB
#01a2fd十六進の色コード十六進の色コード#01a2fdシアン青色の色合いです。光の三原色RGBにおいて色モデル#01a2fdは0.39%の赤色、63.53%の绿色、99.22%の青色でできている。HSLで色彩空間#01a2fdは201.67度の色調、99.21%の彩度、49.8%の明るさを有している。この色は約493 nmの波長である。
#01a2fd情報反転
#fe5d02 25% 飽和度
#00a2fe 濃淡階調
#7f7f7f
rgb(1, 162, 253)
rgba(1, 162, 253, 1.0)
赤色：0.3922%、黄色：38.9166%、青色：99.2157%
#01a2fd
107261
-16669955 / 0xff01a2fd
hsl(202, 99%, 50%)
hsla(202, 99%, 50%, 1.0)
色調：202（201.6667）、彩度：100（99.6047）、値：99（99.2157）
X：30.6625、Y：32.939、Z：97.6703
x：0.1901、y：0.2042、Y：32.939
L：64.1115、a：-2.3879、b：-54.7613
L：64.1115、u：-39.8861、v：-88.1954
L：64.1115、C：54.8134、H：267.5031
L：57.3925、a：-5.0715、b：-60.7247
シアン色：100（0.996）、マゼンタ色：36（0.3597）、黄色：0（0）、黒色：1（0.0078）
シアン色：100（0.9961）、マゼンタ色：36（0.3647）、黄色：1（0.0078）
Y：124.235、I：-125.1452、Q：-5.7311
Y：124.235、U：63.3655、V：-108.1159
Y：124.235、Db：193.753、Dr：234.36
Y：122.699、Cb：191.777、Cr：50.86
Y：134.259、Pb：64.015、Pr：-84.686
2.5PB 6/12近似、完全一致：Munsell 2.5PB 6/12 / #149af3
#01a2fd配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#01a2fd黒まで#01a2fd白まで#01a2fd前景
<p style="color: #01a2fd">#01a2fd前景</p>
#01a2fd背景
<p style="background-color: #01a2fd; color: #fff">#01a2fd背景</p>
#01a2fd境界
<p style="border: #01a2fd 3px solid">#01a2fd境界</p>
#01a2fd放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #01a2fd, #fff); background: -webkit-radial-gradient(50% 50%, #01a2fd, #fff); background: -o-radial-gradient(50% 50%, #01a2fd, #fff); background: -ms-radial-gradient(50% 50%, #01a2fd, #fff); background: radial-gradient(50% 50%, #01a2fd, #fff); color: #fff">#01a2fd放射状グラデーション</p>
#01a2fdを補足するための#fd5c00線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #01a2fd, #fd5c00); background: -webkit-linear-gradient(top, #01a2fd, #fd5c00); background: -o-linear-gradient(top, #01a2fd, #fd5c00); background: -ms-linear-gradient(top, #01a2fd, #fd5c00); background: linear-gradient(top, #01a2fd, #fd5c00); color: #fff">#01a2fdを補足するための#fd5c00線上グラデーション</p>
#01a2fdテキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #01a2fd">#01a2fdテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#01a2fdに関連している順番で並べらられている。関連は、十六進法の色#01a2fdの各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：