#ed6642
十六進の色コード十六進の色コード#ed6642
赤みがかったオレンジ色の色合いです。光の三原色RGBにおいて色モデル#ed6642
は92.94%の赤色、40%の绿色、25.88%の青色でできている。HSLで色彩空間#ed6642
は12.63度の色調、82.61%の彩度、59.41%の明るさを有している。この色は約612 nmの波長である。Colortrend 1047とDiamond Vogel Starfish / 1047はペイントカラーに調和している。
#ed6642
情報反転
#1299bd 25% 飽和度
#ff5b30 濃淡階調
#979797
rgb(237, 102, 66)
rgba(237, 102, 66, 1.0)
赤色:92.9412%、黄色:43.7647%、青色:25.8824%
#ed6642
15558210
-1219006 / 0xffed6642
hsl(13, 83%, 59%)
hsla(13, 83%, 59%, 1.0)
色調:13(12.6316)、彩度:72(72.1519)、値:93(92.9412)
X:40.6598、Y:27.9006、Z:8.3966
x:0.5283、y:0.3625、Y:27.9006
L:59.7988、a:50.0242、b:45.5586
L:59.7988、u:107.2345、v:38.9411
L:59.7988、C:67.661、H:42.3251
L:52.821、a:44.9663、b:27.5498
シアン色:0(0)、マゼンタ色:57(0.5696)、黄色:72(0.7215)、黒色:7(0.0706)
シアン色:7(0.0706)、マゼンタ色:60(0.6)、黄色:74(0.7412)
Y:138.261、I:91.9871、Q:17.3457
Y:138.261、U:-35.5575、V:86.6254
Y:138.261、Db:-108.738、Dr:-187.767
Y:134.785、Cb:92.216、Cr:189.821
Y:128.163、Pb:-33.525、Pr:69.156
10R 6/12近似、完全一致:Munsell 10R 6/12 / #ee6e47
#ed6642
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#ed6642
黒まで#ed6642
白まで#ed6642
前景
<p style="color: #ed6642; background-color: #000">#ed6642前景</p>
#ed6642
背景
<p style="background-color: #ed6642">#ed6642背景</p>
#ed6642
境界
<p style="border: #ed6642 3px solid">#ed6642境界</p>
#ed6642
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #ed6642, #fff); background: -webkit-radial-gradient(50% 50%, #ed6642, #fff); background: -o-radial-gradient(50% 50%, #ed6642, #fff); background: -ms-radial-gradient(50% 50%, #ed6642, #fff); background: radial-gradient(50% 50%, #ed6642, #fff)">#ed6642放射状グラデーション</p>
#ed6642
を補足するための#41c9ed
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #ed6642, #41c9ed); background: -webkit-linear-gradient(top, #ed6642, #41c9ed); background: -o-linear-gradient(top, #ed6642, #41c9ed); background: -ms-linear-gradient(top, #ed6642, #41c9ed); background: linear-gradient(top, #ed6642, #41c9ed); color: #000">
#ed6642
を補足するための#41c9ed
線上グラデーション</p>
#ed6642
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #ed6642">#ed6642テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#ed6642
に関連している順番で並べらられている。関連は、十六進法の色#ed6642
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: