#718cc5
十六進の色コード十六進の色コード#718cc5
青色の明るさの中間の色合いです。光の三原色RGBにおいて色モデル#718cc5
は44.31%の赤色、54.9%の绿色、77.25%の青色でできている。HSLで色彩空間#718cc5
は220.71度の色調、42%の彩度、60.78%の明るさを有している。この色は約481 nmの波長である。
#718cc5
情報反転
#8e733a 25% 飽和度
#6688cf 濃淡階調
#9b9b9b
rgb(113, 140, 197)
rgba(113, 140, 197, 1.0)
赤色:44.3137%、黄色:52.3264%、青色:77.2549%
#718cc5
7441605
-9335611 / 0xff718cc5
hsl(221, 42%, 61%)
hsla(221, 42%, 61%, 1.0)
色調:221(220.7143)、彩度:43(42.6396)、値:77(77.2549)
X:26.2662、Y:26.2981、Z:56.515
x:0.2408、y:0.2411、Y:26.2981
L:58.3189、a:5.3386、b:-32.5943
L:58.3189、u:-15.0487、v:-51.077
L:58.3189、C:33.0286、H:279.3019
L:51.2817、a:1.6838、b:-29.4434
シアン色:43(0.4264)、マゼンタ色:29(0.2893)、黄色:0(0)、黒色:23(0.2275)
シアン色:56(0.5569)、マゼンタ色:45(0.451)、黄色:23(0.2275)
Y:138.425、I:-34.3963、Q:12.0254
Y:138.425、U:28.8259、V:-22.3056
Y:138.425、Db:88.131、Dr:48.36
Y:134.907、Cb:157.019、Cr:112.1
Y:138.353、Pb:31.605、Pr:-16.122
5PB 6/8近似、完全一致:Munsell 5PB 6/8 / #7495d4
#718cc5
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#718cc5
黒まで#718cc5
白まで#718cc5
前景
<p style="color: #718cc5; background-color: #000">#718cc5前景</p>
#718cc5
背景
<p style="background-color: #718cc5">#718cc5背景</p>
#718cc5
境界
<p style="border: #718cc5 3px solid">#718cc5境界</p>
#718cc5
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #718cc5, #fff); background: -webkit-radial-gradient(50% 50%, #718cc5, #fff); background: -o-radial-gradient(50% 50%, #718cc5, #fff); background: -ms-radial-gradient(50% 50%, #718cc5, #fff); background: radial-gradient(50% 50%, #718cc5, #fff)">#718cc5放射状グラデーション</p>
#718cc5
を補足するための#c4a971
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #718cc5, #c4a971); background: -webkit-linear-gradient(top, #718cc5, #c4a971); background: -o-linear-gradient(top, #718cc5, #c4a971); background: -ms-linear-gradient(top, #718cc5, #c4a971); background: linear-gradient(top, #718cc5, #c4a971); color: #000">
#718cc5
を補足するための#c4a971
線上グラデーション</p>
#718cc5
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #718cc5">#718cc5テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#718cc5
に関連している順番で並べらられている。関連は、十六進法の色#718cc5
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: