色見本
RGB
CMYK
RYB
#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の各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：