色見本
RGB
CMYK
RYB
#01a3fb十六進の色コード十六進の色コード#01a3fbシアン青色の色合いです。光の三原色RGBにおいて色モデル#01a3fbは0.39%の赤色、63.92%の绿色、98.43%の青色でできている。HSLで色彩空間#01a3fbは201.12度の色調、99.21%の彩度、49.41%の明るさを有している。この色は約493 nmの波長である。
#01a3fb情報反転
#fe5c04 25% 飽和度
#00a3fb 濃淡階調
#7d7d7d
rgb(1, 163, 251)
rgba(1, 163, 251, 1.0)
赤色：0.3922%、黄色：38.9416%、青色：98.4314%
#01a3fb
107515
-16669701 / 0xff01a3fb
hsl(201, 99%, 49%)
hsla(201, 99%, 49%, 1.0)
色調：201（201.12）、彩度：100（99.6016）、値：98（98.4314）
X：30.5223、Y：33.1659、Z：96.0597
x：0.1911、y：0.2076、Y：33.1659
L：64.295、a：-3.7024、b：-53.3788
L：64.295、u：-40.3336、v：-85.7744
L：64.295、C：53.5071、H：266.0323
L：57.5898、a：-6.1781、b：-58.5828
シアン色：100（0.996）、マゼンタ色：35（0.3506）、黄色：0（0）、黒色：2（0.0157）
シアン色：100（0.9961）、マゼンタ色：36（0.3608）、黄色：2（0.0157）
Y：124.594、I：-124.7771、Q：-6.876
Y：124.594、U：62.2047、V：-108.4309
Y：124.594、Db：190.204、Dr：235.042
Y：123.007、Cb：190.608、Cr：50.634
Y：134.83、Pb：62.63、Pr：-85.048
2.5PB 6/12近似、完全一致：Munsell 2.5PB 6/12 / #149af3
#01a3fb配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#01a3fb黒まで#01a3fb白まで#01a3fb前景
<p style="color: #01a3fb">#01a3fb前景</p>
#01a3fb背景
<p style="background-color: #01a3fb; color: #fff">#01a3fb背景</p>
#01a3fb境界
<p style="border: #01a3fb 3px solid">#01a3fb境界</p>
#01a3fb放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #01a3fb, #fff); background: -webkit-radial-gradient(50% 50%, #01a3fb, #fff); background: -o-radial-gradient(50% 50%, #01a3fb, #fff); background: -ms-radial-gradient(50% 50%, #01a3fb, #fff); background: radial-gradient(50% 50%, #01a3fb, #fff); color: #fff">#01a3fb放射状グラデーション</p>
#01a3fbを補足するための#fb5900線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #01a3fb, #fb5900); background: -webkit-linear-gradient(top, #01a3fb, #fb5900); background: -o-linear-gradient(top, #01a3fb, #fb5900); background: -ms-linear-gradient(top, #01a3fb, #fb5900); background: linear-gradient(top, #01a3fb, #fb5900); color: #fff">#01a3fbを補足するための#fb5900線上グラデーション</p>
#01a3fbテキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #01a3fb">#01a3fbテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#01a3fbに関連している順番で並べらられている。関連は、十六進法の色#01a3fbの各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：