#01baf9
十六進の色コード十六進の色コード#01baf9
シアン色の色合いです。光の三原色RGBにおいて色モデル#01baf9
は0.39%の赤色、72.94%の绿色、97.65%の青色でできている。HSLで色彩空間#01baf9
は195.24度の色調、99.2%の彩度、49.02%の明るさを有している。この色は約497 nmの波長である。
#01baf9
情報反転
#fe4506 25% 飽和度
#00bafa 濃淡階調
#7d7d7d
rgb(1, 186, 249)
rgba(1, 186, 249, 1.0)
赤色:0.3922%、黄色:41.9445%、青色:97.6471%
#01baf9
113401
-16663815 / 0xff01baf9
hsl(195, 99%, 49%)
hsla(195, 99%, 49%, 1.0)
色調:195(195.2419)、彩度:100(99.5984)、値:98(97.6471)
X:34.6703、Y:41.9638、Z:95.895
x:0.201、y:0.2432、Y:41.9638
L:70.846、a:-17.0826、b:-41.9744
L:70.846、u:-48.0186、v:-65.8895
L:70.846、C:45.3174、H:247.8548
L:64.7795、a:-17.83、b:-42.4231
シアン色:100(0.996)、マゼンタ色:25(0.253)、黄色:0(0)、黒色:2(0.0235)
シアン色:100(0.9961)、マゼンタ色:27(0.2706)、黄色:2(0.0235)
Y:137.867、I:-130.447、Q:-19.5179
Y:137.867、U:54.6889、V:-120.0756
Y:137.867、Db:167.229、Dr:260.276
Y:134.403、Cb:183.037、Cr:42.312
Y:151.131、Pb:52.775、Pr:-95.398
7.5B 7/10(近似の)
#01baf9
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#01baf9
黒まで#01baf9
白まで#01baf9
前景
<p style="color: #01baf9; background-color: #000">#01baf9前景</p>
#01baf9
背景
<p style="background-color: #01baf9">#01baf9背景</p>
#01baf9
境界
<p style="border: #01baf9 3px solid">#01baf9境界</p>
#01baf9
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #01baf9, #fff); background: -webkit-radial-gradient(50% 50%, #01baf9, #fff); background: -o-radial-gradient(50% 50%, #01baf9, #fff); background: -ms-radial-gradient(50% 50%, #01baf9, #fff); background: radial-gradient(50% 50%, #01baf9, #fff)">#01baf9放射状グラデーション</p>
#01baf9
を補足するための#f94000
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #01baf9, #f94000); background: -webkit-linear-gradient(top, #01baf9, #f94000); background: -o-linear-gradient(top, #01baf9, #f94000); background: -ms-linear-gradient(top, #01baf9, #f94000); background: linear-gradient(top, #01baf9, #f94000); color: #000">
#01baf9
を補足するための#f94000
線上グラデーション</p>
#01baf9
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #01baf9">#01baf9テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#01baf9
に関連している順番で並べらられている。関連は、十六進法の色#01baf9
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: