#965f43
十六進の色コード十六進の色コード#965f43
オレンジ色の色合いです。光の三原色RGBにおいて色モデル#965f43
は58.82%の赤色、37.25%の绿色、26.27%の青色でできている。HSLで色彩空間#965f43
は20.24度の色調、38.25%の彩度、42.55%の明るさを有している。この色は約607 nmの波長である。PPG Pittsburgh Paints Cinnamon Spice 324-7とPorter Paints Cinnamon Spice / 324-7はペイントカラーに調和している。
#965f43
情報反転
#69a0bc 25% 飽和度
#a05b38 濃淡階調
#6c6c6c
rgb(150, 95, 67)
rgba(150, 95, 67, 1.0)
赤色:58.8235%、黄色:42.8449%、青色:26.2745%
#965f43
9854787
-6922429 / 0xff965f43
hsl(20, 38%, 43%)
hsla(20, 38%, 43%, 1.0)
色調:20(20.241)、彩度:55(55.3333)、値:59(58.8235)
X:17.683、Y:15.0737、Z:7.2877
x:0.4416、y:0.3764、Y:15.0737
L:45.735、a:19.3373、b:25.2363
L:45.735、u:40.6787、v:25.1764
L:45.735、C:31.7931、H:52.5389
L:38.8249、a:13.3554、b:16.0482
シアン色:0(0)、マゼンタ色:37(0.3667)、黄色:55(0.5533)、黒色:41(0.4118)
シアン色:41(0.4118)、マゼンタ色:63(0.6275)、黄色:74(0.7373)
Y:108.253、I:41.7597、Q:2.9183
Y:108.253、U:-20.2992、V:36.6253
Y:108.253、Db:-62.074、Dr:-79.391
Y:108.996、Cb:107.568、Cr:154.133
Y:104.699、Pb:-20.325、Pr:28.788
5YR 4/6近似、完全一致:Munsell 5YR 4/6 / #8b5332
#965f43
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#965f43
黒まで#965f43
白まで#965f43
前景
<p style="color: #965f43">#965f43前景</p>
#965f43
背景
<p style="background-color: #965f43; color: #fff">#965f43背景</p>
#965f43
境界
<p style="border: #965f43 3px solid">#965f43境界</p>
#965f43
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #965f43, #fff); background: -webkit-radial-gradient(50% 50%, #965f43, #fff); background: -o-radial-gradient(50% 50%, #965f43, #fff); background: -ms-radial-gradient(50% 50%, #965f43, #fff); background: radial-gradient(50% 50%, #965f43, #fff); color: #fff">#965f43放射状グラデーション</p>
#965f43
を補足するための#437996
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #965f43, #437996); background: -webkit-linear-gradient(top, #965f43, #437996); background: -o-linear-gradient(top, #965f43, #437996); background: -ms-linear-gradient(top, #965f43, #437996); background: linear-gradient(top, #965f43, #437996); color: #fff">
#965f43
を補足するための#437996
線上グラデーション</p>
#965f43
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #965f43">#965f43テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#965f43
に関連している順番で並べらられている。関連は、十六進法の色#965f43
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: