#9b3e75
十六進の色コード十六進の色コード#9b3e75
マゼンタピンク色の色合いです。光の三原色RGBにおいて色モデル#9b3e75
は60.78%の赤色、24.31%の绿色、45.88%の青色でできている。HSLで色彩空間#9b3e75
は324.52度の色調、42.86%の彩度、42.55%の明るさを有している。この色は約416 nmの波長である。Pratt & Lambert Fucshia Bright 1-14はペイントカラーに調和している。
#9b3e75
情報反転
#64c18a 25% 飽和度
#a63277 濃淡階調
#6c6c6c
rgb(155, 62, 117)
rgba(155, 62, 117, 1.0)
赤色:60.7843%、黄色:24.3137%、青色:45.8824%
#9b3e75
10174069
-6603147 / 0xff9b3e75
hsl(325, 43%, 43%)
hsla(325, 43%, 43%, 1.0)
色調:325(324.5161)、彩度:60(60)、値:61(60.7843)
X:18.4511、Y:11.6982、Z:18.1151
x:0.3823、y:0.2424、Y:11.6982
L:40.7323、a:44.9747、b:-12.185
L:40.7323、u:52.6533、v:-23.4397
L:40.7323、C:46.5961、H:344.8407
L:34.2026、a:36.4399、b:-7.4607
シアン色:0(0)、マゼンタ色:60(0.6)、黄色:25(0.2452)、黒色:39(0.3922)
シアン色:39(0.3922)、マゼンタ色:76(0.7569)、黄色:54(0.5412)
Y:96.077、I:37.7321、Q:36.7778
Y:96.077、U:10.2975、V:51.6945
Y:96.077、Db:31.465、Dr:-112.034
Y:98.549、Cb:138.381、Cr:164.922
Y:85.769、Pb:16.805、Pr:43.97
5RP 4/10近似、完全一致:Munsell 5RP 4/10 / #9f3d71
#9b3e75
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#9b3e75
黒まで#9b3e75
白まで#9b3e75
前景
<p style="color: #9b3e75">#9b3e75前景</p>
#9b3e75
背景
<p style="background-color: #9b3e75; color: #fff">#9b3e75背景</p>
#9b3e75
境界
<p style="border: #9b3e75 3px solid">#9b3e75境界</p>
#9b3e75
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #9b3e75, #fff); background: -webkit-radial-gradient(50% 50%, #9b3e75, #fff); background: -o-radial-gradient(50% 50%, #9b3e75, #fff); background: -ms-radial-gradient(50% 50%, #9b3e75, #fff); background: radial-gradient(50% 50%, #9b3e75, #fff); color: #fff">#9b3e75放射状グラデーション</p>
#9b3e75
を補足するための#3e9b63
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #9b3e75, #3e9b63); background: -webkit-linear-gradient(top, #9b3e75, #3e9b63); background: -o-linear-gradient(top, #9b3e75, #3e9b63); background: -ms-linear-gradient(top, #9b3e75, #3e9b63); background: linear-gradient(top, #9b3e75, #3e9b63); color: #fff">
#9b3e75
を補足するための#3e9b63
線上グラデーション</p>
#9b3e75
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #9b3e75">#9b3e75テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#9b3e75
に関連している順番で並べらられている。関連は、十六進法の色#9b3e75
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: