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