#01a2fd
十六進の色コード十六進の色コード#01a2fd
シアン青色の色合いです。光の三原色RGBにおいて色モデル#01a2fd
は0.39%の赤色、63.53%の绿色、99.22%の青色でできている。HSLで色彩空間#01a2fd
は201.67度の色調、99.21%の彩度、49.8%の明るさを有している。この色は約493 nmの波長である。
#01a2fd
情報反転
#fe5d02 25% 飽和度
#00a2fe 濃淡階調
#7f7f7f
rgb(1, 162, 253)
rgba(1, 162, 253, 1.0)
赤色:0.3922%、黄色:38.9166%、青色:99.2157%
#01a2fd
107261
-16669955 / 0xff01a2fd
hsl(202, 99%, 50%)
hsla(202, 99%, 50%, 1.0)
色調:202(201.6667)、彩度:100(99.6047)、値:99(99.2157)
X:30.6625、Y:32.939、Z:97.6703
x:0.1901、y:0.2042、Y:32.939
L:64.1115、a:-2.3879、b:-54.7613
L:64.1115、u:-39.8861、v:-88.1954
L:64.1115、C:54.8134、H:267.5031
L:57.3925、a:-5.0715、b:-60.7247
シアン色:100(0.996)、マゼンタ色:36(0.3597)、黄色:0(0)、黒色:1(0.0078)
シアン色:100(0.9961)、マゼンタ色:36(0.3647)、黄色:1(0.0078)
Y:124.235、I:-125.1452、Q:-5.7311
Y:124.235、U:63.3655、V:-108.1159
Y:124.235、Db:193.753、Dr:234.36
Y:122.699、Cb:191.777、Cr:50.86
Y:134.259、Pb:64.015、Pr:-84.686
2.5PB 6/12近似、完全一致:Munsell 2.5PB 6/12 / #149af3
#01a2fd
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#01a2fd
黒まで#01a2fd
白まで#01a2fd
前景
<p style="color: #01a2fd">#01a2fd前景</p>
#01a2fd
背景
<p style="background-color: #01a2fd; color: #fff">#01a2fd背景</p>
#01a2fd
境界
<p style="border: #01a2fd 3px solid">#01a2fd境界</p>
#01a2fd
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #01a2fd, #fff); background: -webkit-radial-gradient(50% 50%, #01a2fd, #fff); background: -o-radial-gradient(50% 50%, #01a2fd, #fff); background: -ms-radial-gradient(50% 50%, #01a2fd, #fff); background: radial-gradient(50% 50%, #01a2fd, #fff); color: #fff">#01a2fd放射状グラデーション</p>
#01a2fd
を補足するための#fd5c00
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #01a2fd, #fd5c00); background: -webkit-linear-gradient(top, #01a2fd, #fd5c00); background: -o-linear-gradient(top, #01a2fd, #fd5c00); background: -ms-linear-gradient(top, #01a2fd, #fd5c00); background: linear-gradient(top, #01a2fd, #fd5c00); color: #fff">
#01a2fd
を補足するための#fd5c00
線上グラデーション</p>
#01a2fd
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #01a2fd">#01a2fdテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#01a2fd
に関連している順番で並べらられている。関連は、十六進法の色#01a2fd
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: