#dd5f24
十六進の色コード十六進の色コード#dd5f24
赤みがかったオレンジ色の色合いです。光の三原色RGBにおいて色モデル#dd5f24
は86.67%の赤色、37.25%の绿色、14.12%の青色でできている。HSLで色彩空間#dd5f24
は19.14度の色調、73.12%の彩度、50.39%の明るさを有している。この色は約608 nmの波長である。Farrow & Ball Charlotte's Locks / 268はペイントカラーに調和している。
#dd5f24
情報反転
#22a0db 25% 飽和度
#f4560c 濃淡階調
#808080
rgb(221, 95, 36)
rgba(221, 95, 36, 1.0)
赤色:86.6667%、黄色:48.089%、青色:14.1176%
#dd5f24
14507812
-2269404 / 0xffdd5f24
hsl(19, 73%, 50%)
hsla(19, 73%, 50%, 1.0)
色調:19(19.1351)、彩度:84(83.7104)、値:87(86.6667)
X:34.2294、Y:23.6839、Z:4.4364
x:0.549、y:0.3799、Y:23.6839
L:55.77、a:46.3795、b:54.9202
L:55.77、u:103.0071、v:44.1175
L:55.77、C:71.8838、H:49.8193
L:48.6662、a:40.3826、b:28.6614
シアン色:0(0)、マゼンタ色:57(0.5701)、黄色:84(0.8371)、黒色:13(0.1333)
シアン色:13(0.1333)、マゼンタ色:63(0.6275)、黄色:86(0.8588)
Y:125.948、I:94.0147、Q:8.2865
Y:125.948、U:-44.2614、V:83.3906
Y:125.948、Db:-135.347、Dr:-180.761
Y:124.205、Cb:83.451、Cr:187.503
Y:117.59、Pb:-43.99、Pr:65.714
2.5YR 5/12近似、完全一致:Munsell 2.5YR 5/12 / #c85a15
#dd5f24
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#dd5f24
黒まで#dd5f24
白まで#dd5f24
前景
<p style="color: #dd5f24; background-color: #000">#dd5f24前景</p>
#dd5f24
背景
<p style="background-color: #dd5f24">#dd5f24背景</p>
#dd5f24
境界
<p style="border: #dd5f24 3px solid">#dd5f24境界</p>
#dd5f24
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #dd5f24, #fff); background: -webkit-radial-gradient(50% 50%, #dd5f24, #fff); background: -o-radial-gradient(50% 50%, #dd5f24, #fff); background: -ms-radial-gradient(50% 50%, #dd5f24, #fff); background: radial-gradient(50% 50%, #dd5f24, #fff)">#dd5f24放射状グラデーション</p>
#dd5f24
を補足するための#23a1dd
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #dd5f24, #23a1dd); background: -webkit-linear-gradient(top, #dd5f24, #23a1dd); background: -o-linear-gradient(top, #dd5f24, #23a1dd); background: -ms-linear-gradient(top, #dd5f24, #23a1dd); background: linear-gradient(top, #dd5f24, #23a1dd); color: #000">
#dd5f24
を補足するための#23a1dd
線上グラデーション</p>
#dd5f24
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #dd5f24">#dd5f24テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#dd5f24
に関連している順番で並べらられている。関連は、十六進法の色#dd5f24
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: