#78a0e0
十六進の色コード十六進の色コード#78a0e0
シアン青色の明るさの中間の色合いです。光の三原色RGBにおいて色モデル#78a0e0
は47.06%の赤色、62.75%の绿色、87.84%の青色でできている。HSLで色彩空間#78a0e0
は216.92度の色調、62.65%の彩度、67.45%の明るさを有している。この色は約483 nmの波長である。
#78a0e0
情報反転
#875f1f 25% 飽和度
#6b9ded 濃淡階調
#acacac
rgb(120, 160, 224)
rgba(120, 160, 224, 1.0)
赤色:47.0588%、黄色:58.3878%、青色:87.8431%
#78a0e0
7905504
-8871712 / 0xff78a0e0
hsl(217, 63%, 67%)
hsla(217, 63%, 67%, 1.0)
色調:217(216.9231)、彩度:46(46.4286)、値:88(87.8431)
X:33.7711、Y:34.5165、Z:75.4034
x:0.235、y:0.2402、Y:34.5165
L:65.3705、a:3.4029、b:-36.6519
L:65.3705、u:-20.5223、v:-58.5574
L:65.3705、C:36.8095、H:275.3043
L:58.7507、a:-0.2085、b:-34.97
シアン色:46(0.4643)、マゼンタ色:29(0.2857)、黄色:0(0)、黒色:12(0.1216)
シアン色:53(0.5294)、マゼンタ色:37(0.3725)、黄色:12(0.1216)
Y:155.336、I:-44.3895、Q:11.4544
Y:155.336、U:33.7908、V:-31.0006
Y:155.336、Db:103.312、Dr:67.208
Y:149.432、Cb:162.016、Cr:105.896
Y:156.088、Pb:36.6、Pr:-22.944
5PB 6/8近似、完全一致:Munsell 5PB 6/8 / #7495d4
#78a0e0
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#78a0e0
黒まで#78a0e0
白まで#78a0e0
前景
<p style="color: #78a0e0; background-color: #000">#78a0e0前景</p>
#78a0e0
背景
<p style="background-color: #78a0e0">#78a0e0背景</p>
#78a0e0
境界
<p style="border: #78a0e0 3px solid">#78a0e0境界</p>
#78a0e0
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #78a0e0, #fff); background: -webkit-radial-gradient(50% 50%, #78a0e0, #fff); background: -o-radial-gradient(50% 50%, #78a0e0, #fff); background: -ms-radial-gradient(50% 50%, #78a0e0, #fff); background: radial-gradient(50% 50%, #78a0e0, #fff)">#78a0e0放射状グラデーション</p>
#78a0e0
を補足するための#e0b778
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #78a0e0, #e0b778); background: -webkit-linear-gradient(top, #78a0e0, #e0b778); background: -o-linear-gradient(top, #78a0e0, #e0b778); background: -ms-linear-gradient(top, #78a0e0, #e0b778); background: linear-gradient(top, #78a0e0, #e0b778); color: #000">
#78a0e0
を補足するための#e0b778
線上グラデーション</p>
#78a0e0
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #78a0e0">#78a0e0テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#78a0e0
に関連している順番で並べらられている。関連は、十六進法の色#78a0e0
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: