色見本
RGB
CMYK
RYB
#4a87ce十六進の色コード十六進の色コード#4a87ceシアン青色の色合いです。光の三原色RGBにおいて色モデル#4a87ceは29.02%の赤色、52.94%の绿色、80.78%の青色でできている。HSLで色彩空間#4a87ceは212.27度の色調、57.39%の彩度、54.9%の明るさを有している。この色は約486 nmの波長である。Sigma Cool Blue / S 2060-R80Bはペイントカラーに調和している。
#4a87ce情報反転
#b57831 25% 飽和度
#3985de 濃淡階調
#8c8c8c
25% 明るく
#81abdc オリジナル
#4a87ce 25% 暗く
#2c64a5
スチールブルー／steelblue
#4682b4 25% 不飽和度
#5a88bd ウェブセーフ：fuchsia
#ff00ff
rgb(74, 135, 206)
rgba(74, 135, 206, 1.0)
赤色：29.0196%、黄色：45.3805%、青色：80.7843%
#4a87ce
4884430
-11892786 / 0xff4a87ce
hsl(212, 57%, 55%)
hsla(212, 57%, 55%, 1.0)
色調：212（212.2727）、彩度：64（64.0777）、値：81（80.7843）
X：22.6286、Y：23.24、Z：61.6856
x：0.2104、y：0.2161、Y：23.24
L：55.3187、a：2.4833、b：-42.5265
L：55.3187、u：-25.262、v：-66.4073
L：55.3187、C：42.599、H：273.3419
L：48.2079、a：-0.5767、b：-42.1205
シアン色：64（0.6408）、マゼンタ色：34（0.3447）、黄色：0（0）、黒色：19（0.1922）
シアン色：71（0.7098）、マゼンタ色：47（0.4706）、黄色：19（0.1922）
Y：124.855、I：-59.1483、Q：9.1918
Y：124.855、U：39.9323、V：-44.6157
Y：124.855、Db：122.093、Dr：96.72
Y：123.246、Cb：168.197、Cr：96.18
Y：127.119、Pb：42.515、Pr：-33.766
2.5PB 5/10近似、完全一致：Munsell 2.5PB 5/10 / #277fc6
#4a87ce配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#4a87ce黒まで#4a87ce白まで#4a87ce前景
<p style="color: #4a87ce">#4a87ce前景</p>
#4a87ce背景
<p style="background-color: #4a87ce; color: #fff">#4a87ce背景</p>
#4a87ce境界
<p style="border: #4a87ce 3px solid">#4a87ce境界</p>
#4a87ce放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #4a87ce, #fff); background: -webkit-radial-gradient(50% 50%, #4a87ce, #fff); background: -o-radial-gradient(50% 50%, #4a87ce, #fff); background: -ms-radial-gradient(50% 50%, #4a87ce, #fff); background: radial-gradient(50% 50%, #4a87ce, #fff); color: #fff">#4a87ce放射状グラデーション</p>
#4a87ceを補足するための#ce904a線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #4a87ce, #ce904a); background: -webkit-linear-gradient(top, #4a87ce, #ce904a); background: -o-linear-gradient(top, #4a87ce, #ce904a); background: -ms-linear-gradient(top, #4a87ce, #ce904a); background: linear-gradient(top, #4a87ce, #ce904a); color: #fff">#4a87ceを補足するための#ce904a線上グラデーション</p>
#4a87ceテキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #4a87ce">#4a87ceテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#4a87ceに関連している順番で並べらられている。関連は、十六進法の色#4a87ceの各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：