#9b6fa2
十六進の色コード十六進の色コード#9b6fa2
マゼンタ色の色合いです。光の三原色RGBにおいて色モデル#9b6fa2
は60.78%の赤色、43.53%の绿色、63.53%の青色でできている。HSLで色彩空間#9b6fa2
は291.76度の色調、21.52%の彩度、53.53%の明るさを有している。この色は約436 nmの波長である。BS 4800 22 D 43 - Purpleはペイントカラーに調和している。
#9b6fa2
情報反転
#64905d 25% 飽和度
#9f68a8 濃淡階調
#888888
rgb(155, 111, 162)
rgba(155, 111, 162, 1.0)
赤色:60.7843%、黄色:43.5294%、青色:63.5294%
#9b6fa2
10186658
-6590558 / 0xff9b6fa2
hsl(292, 22%, 54%)
hsla(292, 22%, 54%, 1.0)
色調:292(291.7647)、彩度:31(31.4815)、値:64(63.5294)
X:25.7236、Y:20.9461、Z:36.8696
x:0.3079、y:0.2507、Y:20.9461
L:52.8904、a:26.4792、b:-20.6245
L:52.8904、u:21.0045、v:-34.3112
L:52.8904、C:33.5636、H:322.0851
L:45.7669、a:20.2351、b:-15.727
シアン色:4(0.0432)、マゼンタ色:31(0.3148)、黄色:0(0)、黒色:36(0.3647)
シアン色:39(0.3922)、マゼンタ色:56(0.5647)、黄色:36(0.3647)
Y:129.97、I:9.8271、Q:25.1719
Y:129.97、U:15.7634、V:21.9595
Y:129.97、Db:48.183、Dr:-47.585
Y:127.655、Cb:143.877、Cr:143.695
Y:124.044、Pb:20.44、Pr:19.654
7.5P 5/6近似、完全一致:Munsell 7.5P 5/6 / #956d9b
#9b6fa2
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#9b6fa2
黒まで#9b6fa2
白まで#9b6fa2
前景
<p style="color: #9b6fa2; background-color: #000">#9b6fa2前景</p>
#9b6fa2
背景
<p style="background-color: #9b6fa2">#9b6fa2背景</p>
#9b6fa2
境界
<p style="border: #9b6fa2 3px solid">#9b6fa2境界</p>
#9b6fa2
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #9b6fa2, #fff); background: -webkit-radial-gradient(50% 50%, #9b6fa2, #fff); background: -o-radial-gradient(50% 50%, #9b6fa2, #fff); background: -ms-radial-gradient(50% 50%, #9b6fa2, #fff); background: radial-gradient(50% 50%, #9b6fa2, #fff)">#9b6fa2放射状グラデーション</p>
#9b6fa2
を補足するための#76a26f
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #9b6fa2, #76a26f); background: -webkit-linear-gradient(top, #9b6fa2, #76a26f); background: -o-linear-gradient(top, #9b6fa2, #76a26f); background: -ms-linear-gradient(top, #9b6fa2, #76a26f); background: linear-gradient(top, #9b6fa2, #76a26f); color: #000">
#9b6fa2
を補足するための#76a26f
線上グラデーション</p>
#9b6fa2
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #9b6fa2">#9b6fa2テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#9b6fa2
に関連している順番で並べらられている。関連は、十六進法の色#9b6fa2
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: