#ed7f33
十六進の色コード十六進の色コード#ed7f33
オレンジ色の色合いです。光の三原色RGBにおいて色モデル#ed7f33
は92.94%の赤色、49.8%の绿色、20%の青色でできている。HSLで色彩空間#ed7f33
は24.52度の色調、83.78%の彩度、56.47%の明るさを有している。この色は約605 nmの波長である。Dutch Boy Orangeenはペイントカラーに調和している。
#ed7f33
情報反転
#1280cc 25% 飽和度
#ff7b20 濃淡階調
#909090
rgb(237, 127, 51)
rgba(237, 127, 51, 1.0)
赤色:92.9412%、黄色:70.3957%、青色:20%
#ed7f33
15564595
-1212621 / 0xffed7f33
hsl(25, 84%, 56%)
hsla(25, 84%, 56%, 1.0)
色調:25(24.5161)、彩度:78(78.481)、値:93(92.9412)
X:43.112、Y:33.4223、Z:7.3109
x:0.5142、y:0.3986、Y:33.4223
L:64.5014、a:37.181、b:57.5063
L:64.5014、u:89.415、v:52.6237
L:64.5014、C:68.4792、H:57.1151
L:57.812、a:31.9412、b:32.9706
シアン色:0(0)、マゼンタ色:46(0.4641)、黄色:78(0.7848)、黒色:7(0.0706)
シアン色:7(0.0706)、マゼンタ色:50(0.502)、黄色:80(0.8)
Y:151.226、I:89.9447、Q:-0.3861
Y:151.226、U:-49.319、V:75.2508
Y:151.226、Db:-150.808、Dr:-163.122
Y:145.915、Cb:78.356、Cr:181.686
Y:144.958、Pb:-50.65、Pr:58.496
2.5YR 6/12近似、完全一致:Munsell 2.5YR 6/12 / #e87434
#ed7f33
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#ed7f33
黒まで#ed7f33
白まで#ed7f33
前景
<p style="color: #ed7f33; background-color: #000">#ed7f33前景</p>
#ed7f33
背景
<p style="background-color: #ed7f33">#ed7f33背景</p>
#ed7f33
境界
<p style="border: #ed7f33 3px solid">#ed7f33境界</p>
#ed7f33
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #ed7f33, #fff); background: -webkit-radial-gradient(50% 50%, #ed7f33, #fff); background: -o-radial-gradient(50% 50%, #ed7f33, #fff); background: -ms-radial-gradient(50% 50%, #ed7f33, #fff); background: radial-gradient(50% 50%, #ed7f33, #fff)">#ed7f33放射状グラデーション</p>
#ed7f33
を補足するための#32a1ed
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #ed7f33, #32a1ed); background: -webkit-linear-gradient(top, #ed7f33, #32a1ed); background: -o-linear-gradient(top, #ed7f33, #32a1ed); background: -ms-linear-gradient(top, #ed7f33, #32a1ed); background: linear-gradient(top, #ed7f33, #32a1ed); color: #000">
#ed7f33
を補足するための#32a1ed
線上グラデーション</p>
#ed7f33
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #ed7f33">#ed7f33テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#ed7f33
に関連している順番で並べらられている。関連は、十六進法の色#ed7f33
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: