#8b2a1b
十六進の色コード十六進の色コード#8b2a1b
赤色の暗さの中間の色合いです。光の三原色RGBにおいて色モデル#8b2a1b
は54.51%の赤色、16.47%の绿色、10.59%の青色でできている。HSLで色彩空間#8b2a1b
は8.04度の色調、67.47%の彩度、32.55%の明るさを有している。この色は約615 nmの波長である。Opaltone / OMS 4663はペイントカラーに調和している。
#8b2a1b
情報反転
#74d5e4 25% 飽和度
#981f0d 濃淡階調
#525252
rgb(139, 42, 27)
rgba(139, 42, 27, 1.0)
赤色:54.5098%、黄色:17.3802%、青色:10.5882%
#8b2a1b
9120283
-7656933 / 0xff8b2a1b
hsl(8, 67%, 33%)
hsla(8, 67%, 33%, 1.0)
色調:8(8.0357)、彩度:81(80.5755)、値:55(54.5098)
X:11.6733、Y:7.224、Z:1.816
x:0.5636、y:0.3488、Y:7.224
L:32.3116、a:40.2957、b:32.1961
L:32.3116、u:73.2022、v:20.9171
L:32.3116、C:51.5784、H:38.6248
L:26.8776、a:30.4891、b:14.8082
シアン色:0(0)、マゼンタ色:70(0.6978)、黄色:81(0.8058)、黒色:45(0.4549)
シアン色:45(0.4549)、マゼンタ色:84(0.8353)、黄色:89(0.8941)
Y:69.293、I:62.6034、Q:15.8442
Y:69.293、U:-20.8112、V:61.1552
Y:69.293、Db:-63.645、Dr:-132.556
Y:75.537、Cb:107.059、Cr:171.648
Y:61.581、Pb:-18.655、Pr:49.19
10R 3/10近似、完全一致:Munsell 10R 3/10 / #8a2013
#8b2a1b
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#8b2a1b
黒まで#8b2a1b
白まで#8b2a1b
前景
<p style="color: #8b2a1b">#8b2a1b前景</p>
#8b2a1b
背景
<p style="background-color: #8b2a1b; color: #fff">#8b2a1b背景</p>
#8b2a1b
境界
<p style="border: #8b2a1b 3px solid">#8b2a1b境界</p>
#8b2a1b
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #8b2a1b, #fff); background: -webkit-radial-gradient(50% 50%, #8b2a1b, #fff); background: -o-radial-gradient(50% 50%, #8b2a1b, #fff); background: -ms-radial-gradient(50% 50%, #8b2a1b, #fff); background: radial-gradient(50% 50%, #8b2a1b, #fff); color: #fff">#8b2a1b放射状グラデーション</p>
#8b2a1b
を補足するための#1a7b8b
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #8b2a1b, #1a7b8b); background: -webkit-linear-gradient(top, #8b2a1b, #1a7b8b); background: -o-linear-gradient(top, #8b2a1b, #1a7b8b); background: -ms-linear-gradient(top, #8b2a1b, #1a7b8b); background: linear-gradient(top, #8b2a1b, #1a7b8b); color: #fff">
#8b2a1b
を補足するための#1a7b8b
線上グラデーション</p>
#8b2a1b
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #8b2a1b">#8b2a1bテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#8b2a1b
に関連している順番で並べらられている。関連は、十六進法の色#8b2a1b
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: