#cf6c31
十六進の色コード十六進の色コード#cf6c31
オレンジ色の色合いです。光の三原色RGBにおいて色モデル#cf6c31
は81.18%の赤色、42.35%の绿色、19.22%の青色でできている。HSLで色彩空間#cf6c31
は22.41度の色調、62.2%の彩度、50.2%の明るさを有している。この色は約606 nmの波長である。Valspar Paint Uptown Girlはペイントカラーに調和している。
#cf6c31
情報反転
#3093ce 25% 飽和度
#e2661d 濃淡階調
#808080
rgb(207, 108, 49)
rgba(207, 108, 49, 1.0)
赤色:81.1765%、黄色:56.1418%、青色:19.2157%
#cf6c31
13593649
-3183567 / 0xffcf6c31
hsl(22, 62%, 50%)
hsla(22, 62%, 50%, 1.0)
色調:22(22.4051)、彩度:76(76.3285)、値:81(81.1765)
X:31.6491、Y:24.2123、Z:5.9111
x:0.5123、y:0.392、Y:24.2123
L:56.2997、a:34.9226、b:48.9251
L:56.2997、u:79.7846、v:43.8014
L:56.2997、C:60.1103、H:54.4808
L:49.206、a:28.7、b:27.3217
シアン色:0(0)、マゼンタ色:48(0.4783)、黄色:76(0.7633)、黒色:19(0.1882)
シアン色:19(0.1882)、マゼンタ色:58(0.5765)、黄色:81(0.8078)
Y:130.875、I:77.9304、Q:2.5772
Y:130.875、U:-40.2888、V:66.7856
Y:130.875、Db:-123.197、Dr:-144.77
Y:128.433、Cb:87.447、Cr:175.65
Y:124.839、Pb:-40.885、Pr:52.214
2.5YR 5/10近似、完全一致:Munsell 2.5YR 5/10 / #c15f2e
#cf6c31
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#cf6c31
黒まで#cf6c31
白まで#cf6c31
前景
<p style="color: #cf6c31; background-color: #000">#cf6c31前景</p>
#cf6c31
背景
<p style="background-color: #cf6c31">#cf6c31背景</p>
#cf6c31
境界
<p style="border: #cf6c31 3px solid">#cf6c31境界</p>
#cf6c31
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #cf6c31, #fff); background: -webkit-radial-gradient(50% 50%, #cf6c31, #fff); background: -o-radial-gradient(50% 50%, #cf6c31, #fff); background: -ms-radial-gradient(50% 50%, #cf6c31, #fff); background: radial-gradient(50% 50%, #cf6c31, #fff)">#cf6c31放射状グラデーション</p>
#cf6c31
を補足するための#3094cf
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #cf6c31, #3094cf); background: -webkit-linear-gradient(top, #cf6c31, #3094cf); background: -o-linear-gradient(top, #cf6c31, #3094cf); background: -ms-linear-gradient(top, #cf6c31, #3094cf); background: linear-gradient(top, #cf6c31, #3094cf); color: #000">
#cf6c31
を補足するための#3094cf
線上グラデーション</p>
#cf6c31
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #cf6c31">#cf6c31テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#cf6c31
に関連している順番で並べらられている。関連は、十六進法の色#cf6c31
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: