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