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