色見本
RGB
CMYK
RYB
#01a3f6十六進の色コード十六進の色コード#01a3f6シアン青色の色合いです。光の三原色RGBにおいて色モデル#01a3f6は0.39%の赤色、63.92%の绿色、96.47%の青色でできている。HSLで色彩空間#01a3f6は200.33度の色調、99.19%の彩度、48.43%の明るさを有している。この色は約494 nmの波長である。
#01a3f6情報反転
#fe5c09 25% 飽和度
#00a3f7 濃淡階調
#7b7b7b
rgb(1, 163, 246)
rgba(1, 163, 246, 1.0)
赤色：0.3922%、黄色：38.6347%、青色：96.4706%
#01a3f6
107510
-16669706 / 0xff01a3f6
hsl(200, 99%, 48%)
hsla(200, 99%, 48%, 1.0)
色調：200（200.3265）、彩度：100（99.5935）、値：96（96.4706）
X：29.7443、Y：32.8547、Z：91.9627
x：0.1924、y：0.2126、Y：32.8547
L：64.0431、a：-5.5508、b：-51.0464
L：64.0431、u：-40.6541、v：-81.5949
L：64.0431、C：51.3473、H：263.794
L：57.319、a：-7.6801、b：-55.0017
シアン色：100（0.9959）、マゼンタ色：34（0.3374）、黄色：0（0）、黒色：4（0.0353）
シアン色：100（0.9961）、マゼンタ色：36（0.3608）、黄色：4（0.0353）
Y：124.024、I：-123.1708、Q：-8.4317
Y：124.024、U：60.0247、V：-107.9308
Y：124.024、Db：183.539、Dr：233.957
Y：122.517、Cb：188.413、Cr：50.989
Y：134.47、Pb：60.13、Pr：-84.818
2.5PB 6/12近似、完全一致：Munsell 2.5PB 6/12 / #149af3
#01a3f6配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#01a3f6黒まで#01a3f6白まで#01a3f6前景
<p style="color: #01a3f6">#01a3f6前景</p>
#01a3f6背景
<p style="background-color: #01a3f6; color: #fff">#01a3f6背景</p>
#01a3f6境界
<p style="border: #01a3f6 3px solid">#01a3f6境界</p>
#01a3f6放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #01a3f6, #fff); background: -webkit-radial-gradient(50% 50%, #01a3f6, #fff); background: -o-radial-gradient(50% 50%, #01a3f6, #fff); background: -ms-radial-gradient(50% 50%, #01a3f6, #fff); background: radial-gradient(50% 50%, #01a3f6, #fff); color: #fff">#01a3f6放射状グラデーション</p>
#01a3f6を補足するための#f65300線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #01a3f6, #f65300); background: -webkit-linear-gradient(top, #01a3f6, #f65300); background: -o-linear-gradient(top, #01a3f6, #f65300); background: -ms-linear-gradient(top, #01a3f6, #f65300); background: linear-gradient(top, #01a3f6, #f65300); color: #fff">#01a3f6を補足するための#f65300線上グラデーション</p>
#01a3f6テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #01a3f6">#01a3f6テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#01a3f6に関連している順番で並べらられている。関連は、十六進法の色#01a3f6の各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：