色見本
RGB
CMYK
RYB
#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の各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：