#e49b60
十六進の色コード十六進の色コード#e49b60
オレンジ色の明るさの中間の色合いです。光の三原色RGBにおいて色モデル#e49b60
は89.41%の赤色、60.78%の绿色、37.65%の青色でできている。HSLで色彩空間#e49b60
は26.82度の色調、70.97%の彩度、63.53%の明るさを有している。この色は約603 nmの波長である。
#e49b60
情報反転
#1b649f 25% 飽和度
#f4994f 濃淡階調
#a2a2a2
rgb(228, 155, 96)
rgba(228, 155, 96, 1.0)
赤色:89.4118%、黄色:79.4843%、青色:37.6471%
#e49b60
14981984
-1795232 / 0xffe49b60
hsl(27, 71%, 64%)
hsla(27, 71%, 64%, 1.0)
色調:27(26.8182)、彩度:58(57.8947)、値:89(89.4118)
X:45.8276、Y:40.7812、Z:16.5225
x:0.4444、y:0.3954、Y:40.7812
L:70.0224、a:21.2863、b:41.6379
L:70.0224、u:55.8898、v:46.169
L:70.0224、C:46.7635、H:62.9228
L:63.8602、a:16.3406、b:29.362
シアン色:0(0)、マゼンタ色:32(0.3202)、黄色:58(0.5789)、黒色:11(0.1059)
シアン色:11(0.1059)、マゼンタ色:39(0.3922)、黄色:62(0.6235)
Y:170.101、I:62.4418、Q:-2.9207
Y:170.101、U:-36.4629、V:50.7956
Y:170.101、Db:-111.497、Dr:-110.112
Y:162.124、Cb:91.295、Cr:164.236
Y:166.301、Pb:-37.895、Pr:39.214
7.5YR 7/8近似、完全一致:Munsell 7.5YR 7/8 / #e6a061
#e49b60
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#e49b60
黒まで#e49b60
白まで#e49b60
前景
<p style="color: #e49b60; background-color: #000">#e49b60前景</p>
#e49b60
背景
<p style="background-color: #e49b60">#e49b60背景</p>
#e49b60
境界
<p style="border: #e49b60 3px solid">#e49b60境界</p>
#e49b60
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #e49b60, #fff); background: -webkit-radial-gradient(50% 50%, #e49b60, #fff); background: -o-radial-gradient(50% 50%, #e49b60, #fff); background: -ms-radial-gradient(50% 50%, #e49b60, #fff); background: radial-gradient(50% 50%, #e49b60, #fff)">#e49b60放射状グラデーション</p>
#e49b60
を補足するための#60a8e3
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #e49b60, #60a8e3); background: -webkit-linear-gradient(top, #e49b60, #60a8e3); background: -o-linear-gradient(top, #e49b60, #60a8e3); background: -ms-linear-gradient(top, #e49b60, #60a8e3); background: linear-gradient(top, #e49b60, #60a8e3); color: #000">
#e49b60
を補足するための#60a8e3
線上グラデーション</p>
#e49b60
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #e49b60">#e49b60テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#e49b60
に関連している順番で並べらられている。関連は、十六進法の色#e49b60
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: