#71b2e2
十六進の色コード十六進の色コード#71b2e2
シアン青色の明るさの中間の色合いです。光の三原色RGBにおいて色モデル#71b2e2
は44.31%の赤色、69.8%の绿色、88.63%の青色でできている。HSLで色彩空間#71b2e2
は205.49度の色調、66.08%の彩度、66.47%の明るさを有している。この色は約491 nmの波長である。
#71b2e2
情報反転
#8e4d1d 25% 飽和度
#62b4f0 濃淡階調
#a9a9a9
rgb(113, 178, 226)
rgba(113, 178, 226, 1.0)
赤色:44.3137%、黄色:60.4957%、青色:88.6275%
#71b2e2
7451362
-9325854 / 0xff71b2e2
hsl(205, 66%, 66%)
hsla(205, 66%, 66%, 1.0)
色調:205(205.4867)、彩度:50(50)、値:89(88.6275)
X:36.4579、Y:40.8425、Z:77.9134
x:0.2349、y:0.2631、Y:40.8425
L:70.0654、a:-7.6808、b:-30.4991
L:70.0654、u:-29.7431、v:-47.3374
L:70.0654、C:31.4514、H:255.8647
L:63.9081、a:-10.0096、b:-27.5475
シアン色:50(0.5)、マゼンタ色:21(0.2124)、黄色:0(0)、黒色:11(0.1137)
シアン色:56(0.5569)、マゼンタ色:30(0.302)、黄色:11(0.1137)
Y:164.037、I:-54.1422、Q:1.1898
Y:164.037、U:30.4932、V:-44.7755
Y:164.037、Db:93.234、Dr:97.061
Y:156.901、Cb:158.692、Cr:96.057
Y:167.611、Pb:31.475、Pr:-34.708
10B 7/8近似、完全一致:Munsell 10B 7/8 / #6ab6ed
#71b2e2
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#71b2e2
黒まで#71b2e2
白まで#71b2e2
前景
<p style="color: #71b2e2; background-color: #000">#71b2e2前景</p>
#71b2e2
背景
<p style="background-color: #71b2e2">#71b2e2背景</p>
#71b2e2
境界
<p style="border: #71b2e2 3px solid">#71b2e2境界</p>
#71b2e2
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #71b2e2, #fff); background: -webkit-radial-gradient(50% 50%, #71b2e2, #fff); background: -o-radial-gradient(50% 50%, #71b2e2, #fff); background: -ms-radial-gradient(50% 50%, #71b2e2, #fff); background: radial-gradient(50% 50%, #71b2e2, #fff)">#71b2e2放射状グラデーション</p>
#71b2e2
を補足するための#e2a170
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #71b2e2, #e2a170); background: -webkit-linear-gradient(top, #71b2e2, #e2a170); background: -o-linear-gradient(top, #71b2e2, #e2a170); background: -ms-linear-gradient(top, #71b2e2, #e2a170); background: linear-gradient(top, #71b2e2, #e2a170); color: #000">
#71b2e2
を補足するための#e2a170
線上グラデーション</p>
#71b2e2
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #71b2e2">#71b2e2テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#71b2e2
に関連している順番で並べらられている。関連は、十六進法の色#71b2e2
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: