#e49b0f
十六進の色コード十六進の色コードでGamboge色#e49b0f
茶色の色合いです。光の三原色RGBにおいて色モデル#e49b0f
は89.41%の赤色、60.78%の绿色、5.88%の青色でできている。HSLで色彩空間#e49b0f
は39.44度の色調、87.65%の彩度、47.65%の明るさを有している。この色は約595 nmの波長である。
#e49b0f
情報反転
#1b64f0 25% 飽和度
#f39f00 濃淡階調
#797979
rgb(228, 155, 15)
rgba(228, 155, 15, 1.0)
赤色:49.437%、黄色:89.4118%、青色:5.8824%
#e49b0f
14981903
-1795313 / 0xffe49b0f
hsl(39, 88%, 48%)
hsla(39, 88%, 48%, 1.0)
色調:39(39.4366)、彩度:93(93.4211)、値:89(89.4118)
X:43.8025、Y:39.9712、Z:5.8585
x:0.4887、y:0.4459、Y:39.9712
L:69.449、a:17.8953、b:71.8215
L:69.449、u:60.7158、v:68.5663
L:69.449、C:74.0173、H:76.0088
L:63.2227、a:13.0299、b:38.7618
シアン色:0(0)、マゼンタ色:32(0.3202)、黄色:93(0.9342)、黒色:11(0.1059)
シアン色:11(0.1059)、マゼンタ色:39(0.3922)、黄色:94(0.9412)
Y:160.867、I:88.4641、Q:-28.1226
Y:160.867、U:-71.7789、V:58.8964
Y:160.867、Db:-219.47、Dr:-127.689
Y:154.186、Cb:55.736、Cr:169.987
Y:160.469、Pb:-78.395、Pr:42.94
10YR 7/12近似、完全一致:Munsell 10YR 7/12 / #eba004
#e49b0f
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#e49b0f
黒まで#e49b0f
白まで#e49b0f
前景
<p style="color: #e49b0f; background-color: #000">#e49b0f前景</p>
#e49b0f
背景
<p style="background-color: #e49b0f">#e49b0f背景</p>
#e49b0f
境界
<p style="border: #e49b0f 3px solid">#e49b0f境界</p>
#e49b0f
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #e49b0f, #fff); background: -webkit-radial-gradient(50% 50%, #e49b0f, #fff); background: -o-radial-gradient(50% 50%, #e49b0f, #fff); background: -ms-radial-gradient(50% 50%, #e49b0f, #fff); background: radial-gradient(50% 50%, #e49b0f, #fff)">#e49b0f放射状グラデーション</p>
#e49b0f
を補足するための#0f57e4
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #e49b0f, #0f57e4); background: -webkit-linear-gradient(top, #e49b0f, #0f57e4); background: -o-linear-gradient(top, #e49b0f, #0f57e4); background: -ms-linear-gradient(top, #e49b0f, #0f57e4); background: linear-gradient(top, #e49b0f, #0f57e4); color: #000">
#e49b0f
を補足するための#0f57e4
線上グラデーション</p>
#e49b0f
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #e49b0f">#e49b0fテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#e49b0f
に関連している順番で並べらられている。関連は、十六進法の色#e49b0f
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: