#5bbbfe
十六進の色コード十六進の色コード#5bbbfe
シアン青色の明るさの中間の色合いです。光の三原色RGBにおいて色モデル#5bbbfe
は35.69%の赤色、73.33%の绿色、99.61%の青色でできている。HSLで色彩空間#5bbbfe
は204.66度の色調、98.79%の彩度、67.65%の明るさを有している。この色は約491 nmの波長である。
#5bbbfe
情報反転
#a44401 25% 飽和度
#5abbff 濃淡階調
#acacac
rgb(91, 187, 254)
rgba(91, 187, 254, 1.0)
赤色:35.6863%、黄色:59.3792%、青色:99.6078%
#5bbbfe
6011902
-10765314 / 0xff5bbbfe
hsl(205, 99%, 68%)
hsla(205, 99%, 68%, 1.0)
色調:205(204.6626)、彩度:64(64.1732)、値:100(99.6078)
X:39.9741、Y:44.9206、Z:100.3296
x:0.2158、y:0.2425、Y:44.9206
L:72.8395、a:-8.3156、b:-41.4479
L:72.8395、u:-38.1331、v:-66.2236
L:72.8395、C:42.2738、H:258.6555
L:67.0228、a:-10.828、b:-41.8381
シアン色:64(0.6417)、マゼンタ色:26(0.2638)、黄色:0(0)、黒色:0(0.0039)
シアン色:64(0.6431)、マゼンタ色:27(0.2667)、黄色:0(0.0039)
Y:165.934、I:-78.7134、Q:0.5463
Y:165.934、U:43.3383、V:-65.7407
Y:165.934、Db:132.511、Dr:142.507
Y:158.527、Cb:171.621、Cr:81.099
Y:171.376、Pb:44.54、Pr:-51.082
10B 7/10近似、完全一致:Munsell 10B 7/10 / #42b9fe
#5bbbfe
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#5bbbfe
黒まで#5bbbfe
白まで#5bbbfe
前景
<p style="color: #5bbbfe; background-color: #000">#5bbbfe前景</p>
#5bbbfe
背景
<p style="background-color: #5bbbfe">#5bbbfe背景</p>
#5bbbfe
境界
<p style="border: #5bbbfe 3px solid">#5bbbfe境界</p>
#5bbbfe
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #5bbbfe, #fff); background: -webkit-radial-gradient(50% 50%, #5bbbfe, #fff); background: -o-radial-gradient(50% 50%, #5bbbfe, #fff); background: -ms-radial-gradient(50% 50%, #5bbbfe, #fff); background: radial-gradient(50% 50%, #5bbbfe, #fff)">#5bbbfe放射状グラデーション</p>
#5bbbfe
を補足するための#fe9d5a
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #5bbbfe, #fe9d5a); background: -webkit-linear-gradient(top, #5bbbfe, #fe9d5a); background: -o-linear-gradient(top, #5bbbfe, #fe9d5a); background: -ms-linear-gradient(top, #5bbbfe, #fe9d5a); background: linear-gradient(top, #5bbbfe, #fe9d5a); color: #000">
#5bbbfe
を補足するための#fe9d5a
線上グラデーション</p>
#5bbbfe
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #5bbbfe">#5bbbfeテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#5bbbfe
に関連している順番で並べらられている。関連は、十六進法の色#5bbbfe
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: