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