#ec9d83
十六進の色コード十六進の色コード#ec9d83
赤みがかったオレンジ色の明るさの中間の色合いです。光の三原色RGBにおいて色モデル#ec9d83
は92.55%の赤色、61.57%の绿色、51.37%の青色でできている。HSLで色彩空間#ec9d83
は14.86度の色調、73.43%の彩度、71.96%の明るさを有している。この色は約611 nmの波長である。Brillux 24.15.15はペイントカラーに調和している。
#ec9d83
情報反転
#13627c 25% 飽和度
#f99675 濃淡階調
#b7b7b7
rgb(236, 157, 131)
rgba(236, 157, 131, 1.0)
赤色:92.549%、黄色:64.9243%、青色:51.3725%
#ec9d83
15506819
-1270397 / 0xffec9d83
hsl(15, 73%, 72%)
hsla(15, 73%, 72%, 1.0)
色調:15(14.8571)、彩度:44(44.4915)、値:93(92.549)
X:50.7458、Y:43.5855、Z:27.211
x:0.4175、y:0.3586、Y:43.5855
L:71.9506、a:26.5269、b:25.6619
L:71.9506、u:56.4539、v:28.6518
L:71.9506、C:36.9081、H:44.0505
L:66.0193、a:21.6703、b:21.7761
シアン色:0(0)、マゼンタ色:33(0.3347)、黄色:44(0.4449)、黒色:7(0.0745)
シアン色:7(0.0745)、マゼンタ色:38(0.3843)、黄色:49(0.4863)
Y:177.657、I:55.4144、Q:8.6155
Y:177.657、U:-22.9577、V:51.1853
Y:177.657、Db:-70.208、Dr:-110.949
Y:168.618、Cb:104.894、Cr:164.527
Y:171.955、Pb:-22.085、Pr:40.696
2.5YR 7/6近似、完全一致:Munsell 2.5YR 7/6 / #e49e87
#ec9d83
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#ec9d83
黒まで#ec9d83
白まで#ec9d83
前景
<p style="color: #ec9d83; background-color: #000">#ec9d83前景</p>
#ec9d83
背景
<p style="background-color: #ec9d83">#ec9d83背景</p>
#ec9d83
境界
<p style="border: #ec9d83 3px solid">#ec9d83境界</p>
#ec9d83
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #ec9d83, #fff); background: -webkit-radial-gradient(50% 50%, #ec9d83, #fff); background: -o-radial-gradient(50% 50%, #ec9d83, #fff); background: -ms-radial-gradient(50% 50%, #ec9d83, #fff); background: radial-gradient(50% 50%, #ec9d83, #fff)">#ec9d83放射状グラデーション</p>
#ec9d83
を補足するための#82d2ec
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #ec9d83, #82d2ec); background: -webkit-linear-gradient(top, #ec9d83, #82d2ec); background: -o-linear-gradient(top, #ec9d83, #82d2ec); background: -ms-linear-gradient(top, #ec9d83, #82d2ec); background: linear-gradient(top, #ec9d83, #82d2ec); color: #000">
#ec9d83
を補足するための#82d2ec
線上グラデーション</p>
#ec9d83
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #ec9d83">#ec9d83テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#ec9d83
に関連している順番で並べらられている。関連は、十六進法の色#ec9d83
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: