#48baff
十六進の色コード十六進の色コード#48baff
シアン青色の明るさの中間の色合いです。光の三原色RGBにおいて色モデル#48baff
は28.24%の赤色、72.94%の绿色、100%の青色でできている。HSLで色彩空間#48baff
は202.62度の色調、100%の彩度、64.12%の明るさを有している。この色は約492 nmの波長である。
#48baff
情報反転
#b74500 25% 飽和度
#47b9ff 濃淡階調
#a3a3a3
rgb(72, 186, 255)
rgba(72, 186, 255, 1.0)
赤色:28.2353%、黄色:55.7813%、青色:100%
#48baff
4766463
-12010753 / 0xff48baff
hsl(203, 100%, 64%)
hsla(203, 100%, 64%, 1.0)
色調:203(202.623)、彩度:72(71.7647)、値:100(100)
X:38.2814、Y:43.7155、Z:101.028
x:0.2092、y:0.2389、Y:43.7155
L:72.0379、a:-10.2245、b:-43.2805
L:72.0379、u:-41.4573、v:-69.0679
L:72.0379、C:44.4718、H:256.7082
L:66.1177、a:-12.3566、b:-44.3129
シアン色:72(0.7176)、マゼンタ色:27(0.2706)、黄色:0(0)、黒色:0(0)
シアン色:72(0.7176)、マゼンタ色:27(0.2706)、黄色:0(0)
Y:159.78、I:-90.0788、Q:-2.6377
Y:159.78、U:46.8587、V:-77.0107
Y:159.78、Db:143.277、Dr:166.935
Y:153.238、Cb:175.163、Cr:73.055
Y:166.686、Pb:47.61、Pr:-60.174
10B 7/10近似、完全一致:Munsell 10B 7/10 / #42b9fe
#48baff
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#48baff
黒まで#48baff
白まで#48baff
前景
<p style="color: #48baff; background-color: #000">#48baff前景</p>
#48baff
背景
<p style="background-color: #48baff">#48baff背景</p>
#48baff
境界
<p style="border: #48baff 3px solid">#48baff境界</p>
#48baff
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #48baff, #fff); background: -webkit-radial-gradient(50% 50%, #48baff, #fff); background: -o-radial-gradient(50% 50%, #48baff, #fff); background: -ms-radial-gradient(50% 50%, #48baff, #fff); background: radial-gradient(50% 50%, #48baff, #fff)">#48baff放射状グラデーション</p>
#48baff
を補足するための#ff8d47
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #48baff, #ff8d47); background: -webkit-linear-gradient(top, #48baff, #ff8d47); background: -o-linear-gradient(top, #48baff, #ff8d47); background: -ms-linear-gradient(top, #48baff, #ff8d47); background: linear-gradient(top, #48baff, #ff8d47); color: #000">
#48baff
を補足するための#ff8d47
線上グラデーション</p>
#48baff
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #48baff">#48baffテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#48baff
に関連している順番で並べらられている。関連は、十六進法の色#48baff
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: