色見本
RGB
CMYK
RYB
#56311f十六進の色コード十六進の色コード#56311f赤みがかったオレンジ色の暗い色合いです。光の三原色RGBにおいて色モデル#56311fは33.73%の赤色、19.22%の绿色、12.16%の青色でできている。HSLで色彩空間#56311fは19.64度の色調、47.01%の彩度、22.94%の明るさを有している。この色は約608 nmの波長である。Duron French Roastはペイントカラーに調和している。
#56311f情報反転
#a9cee0 25% 飽和度
#5c2e18 濃淡階調
#3a3a3a
rgb(86, 49, 31)
rgba(86, 49, 31, 1.0)
赤色：33.7255%、黄色：22.6497%、青色：12.1569%
#56311f
5648671
-11128545 / 0xff56311f
hsl(20, 47%, 23%)
hsla(20, 47%, 23%, 1.0)
色調：20（19.6364）、彩度：64（63.9535）、値：34（33.7255）
X：5.1834、Y：4.274、Z：1.8481
x：0.4585、y：0.378、Y：4.274
L：24.5573、a：14.7942、b：18.5278
L：24.5573、u：25.2867、v：14.5755
L：24.5573、C：23.7097、H：51.393
L：20.6736、a：8.5755、b：9.1714
シアン色：0（0）、マゼンタ色：43（0.4302）、黄色：64（0.6395）、黒色：66（0.6627）
シアン色：66（0.6627）、マゼンタ色：81（0.8078）、黄色：88（0.8784）
Y：58.011、I：27.8242、Q：2.2234
Y：58.011、U：-13.2913、V：24.5552
Y：58.011、Db：-40.644、Dr：-53.227
Y：65.836、Cb：114.622、Cr：145.521
Y：55.585、Pb：-13.255、Pr：19.328
5YR 2/4近似、完全一致：Munsell 5YR 2/4 / #4b2819
#56311f配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#56311f黒まで#56311f白まで#56311f前景
<p style="color: #56311f">#56311f前景</p>
#56311f背景
<p style="background-color: #56311f; color: #fff">#56311f背景</p>
#56311f境界
<p style="border: #56311f 3px solid">#56311f境界</p>
#56311f放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #56311f, #fff); background: -webkit-radial-gradient(50% 50%, #56311f, #fff); background: -o-radial-gradient(50% 50%, #56311f, #fff); background: -ms-radial-gradient(50% 50%, #56311f, #fff); background: radial-gradient(50% 50%, #56311f, #fff); color: #fff">#56311f放射状グラデーション</p>
#56311fを補足するための#1f4355線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #56311f, #1f4355); background: -webkit-linear-gradient(top, #56311f, #1f4355); background: -o-linear-gradient(top, #56311f, #1f4355); background: -ms-linear-gradient(top, #56311f, #1f4355); background: linear-gradient(top, #56311f, #1f4355); color: #fff">#56311fを補足するための#1f4355線上グラデーション</p>
#56311fテキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #56311f">#56311fテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#56311fに関連している順番で並べらられている。関連は、十六進法の色#56311fの各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：