#dd6c01
十六進の色コード十六進の色コード#dd6c01
オレンジ色の色合いです。光の三原色RGBにおいて色モデル#dd6c01
は86.67%の赤色、42.35%の绿色、0.39%の青色でできている。HSLで色彩空間#dd6c01
は29.18度の色調、99.1%の彩度、43.53%の明るさを有している。この色は約602 nmの波長である。
#dd6c01
情報反転
#2293fe 25% 飽和度
#de6b00 濃淡階調
#6f6f6f
rgb(221, 108, 1)
rgba(221, 108, 1, 1.0)
赤色:86.6667%、黄色:82.0857%、青色:0.3922%
#dd6c01
14511105
-2266111 / 0xffdd6c01
hsl(29, 99%, 44%)
hsla(29, 99%, 44%, 1.0)
色調:29(29.1818)、彩度:100(99.5475)、値:87(86.6667)
X:35.1868、Y:26.0995、Z:3.2119
x:0.5455、y:0.4047、Y:26.0995
L:58.1313、a:39.4872、b:66.0164
L:58.1313、u:94.2689、v:52.9191
L:58.1313、C:76.9246、H:59.1146
L:51.0876、a:33.5393、b:32.0338
シアン色:0(0)、マゼンタ色:51(0.5113)、黄色:100(0.9955)、黒色:13(0.1333)
シアン色:13(0.1333)、マゼンタ色:58(0.5765)、黄色:100(0.9961)
Y:129.589、I:101.691、Q:-9.3969
Y:129.589、U:-63.2766、V:80.1961
Y:129.589、Db:-193.481、Dr:-173.848
Y:127.327、Cb:64.303、Cr:185.204
Y:124.365、Pb:-66.495、Pr:61.422
2.5YR 6/14近似、完全一致:Munsell 2.5YR 6/14 / #ef6f14
#dd6c01
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#dd6c01
黒まで#dd6c01
白まで#dd6c01
前景
<p style="color: #dd6c01; background-color: #000">#dd6c01前景</p>
#dd6c01
背景
<p style="background-color: #dd6c01">#dd6c01背景</p>
#dd6c01
境界
<p style="border: #dd6c01 3px solid">#dd6c01境界</p>
#dd6c01
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #dd6c01, #fff); background: -webkit-radial-gradient(50% 50%, #dd6c01, #fff); background: -o-radial-gradient(50% 50%, #dd6c01, #fff); background: -ms-radial-gradient(50% 50%, #dd6c01, #fff); background: radial-gradient(50% 50%, #dd6c01, #fff)">#dd6c01放射状グラデーション</p>
#dd6c01
を補足するための#0071dd
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #dd6c01, #0071dd); background: -webkit-linear-gradient(top, #dd6c01, #0071dd); background: -o-linear-gradient(top, #dd6c01, #0071dd); background: -ms-linear-gradient(top, #dd6c01, #0071dd); background: linear-gradient(top, #dd6c01, #0071dd); color: #000">
#dd6c01
を補足するための#0071dd
線上グラデーション</p>
#dd6c01
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #dd6c01">#dd6c01テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#dd6c01
に関連している順番で並べらられている。関連は、十六進法の色#dd6c01
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: