#01a6ff
十六進の色コード十六進の色コード#01a6ff
シアン青色の色合いです。光の三原色RGBにおいて色モデル#01a6ff
は0.39%の赤色、65.1%の绿色、100%の青色でできている。HSLで色彩空間#01a6ff
は201.02度の色調、100%の彩度、50.2%の明るさを有している。この色は約493 nmの波長である。
#01a6ff
情報反転
#fe5900 25% 飽和度
#00a6ff 濃淡階調
#808080
rgb(1, 166, 255)
rgba(1, 166, 255, 1.0)
赤色:0.3922%、黄色:39.6172%、青色:100%
#01a6ff
108287
-16668929 / 0xff01a6ff
hsl(201, 100%, 50%)
hsla(201, 100%, 50%, 1.0)
色調:201(201.0236)、彩度:100(99.6078)、値:100(100)
X:31.6987、Y:34.4989、Z:99.596
x:0.1912、y:0.2081、Y:34.4989
L:65.3566、a:-3.9347、b:-53.8739
L:65.3566、u:-41.0478、v:-86.8154
L:65.3566、C:54.0174、H:265.8228
L:58.7358、a:-6.454、b:-59.4208
シアン色:100(0.9961)、マゼンタ色:35(0.349)、黄色:0(0)、黒色:0(0)
シアン色:100(0.9961)、マゼンタ色:35(0.349)、黄色:0(0)
Y:126.811、I:-126.8855、Q:-7.1992
Y:126.811、U:63.0821、V:-110.3759
Y:126.811、Db:192.887、Dr:239.258
Y:124.911、Cb:191.491、Cr:49.246
Y:137.263、Pb:63.475、Pr:-86.594
2.5PB 6/12近似、完全一致:Munsell 2.5PB 6/12 / #149af3
#01a6ff
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#01a6ff
黒まで#01a6ff
白まで#01a6ff
前景
<p style="color: #01a6ff; background-color: #000">#01a6ff前景</p>
#01a6ff
背景
<p style="background-color: #01a6ff">#01a6ff背景</p>
#01a6ff
境界
<p style="border: #01a6ff 3px solid">#01a6ff境界</p>
#01a6ff
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #01a6ff, #fff); background: -webkit-radial-gradient(50% 50%, #01a6ff, #fff); background: -o-radial-gradient(50% 50%, #01a6ff, #fff); background: -ms-radial-gradient(50% 50%, #01a6ff, #fff); background: radial-gradient(50% 50%, #01a6ff, #fff)">#01a6ff放射状グラデーション</p>
#01a6ff
を補足するための#ff5900
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #01a6ff, #ff5900); background: -webkit-linear-gradient(top, #01a6ff, #ff5900); background: -o-linear-gradient(top, #01a6ff, #ff5900); background: -ms-linear-gradient(top, #01a6ff, #ff5900); background: linear-gradient(top, #01a6ff, #ff5900); color: #000">
#01a6ff
を補足するための#ff5900
線上グラデーション</p>
#01a6ff
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #01a6ff">#01a6ffテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#01a6ff
に関連している順番で並べらられている。関連は、十六進法の色#01a6ff
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: