#bf5b3a
十六進の色コード十六進の色コード#bf5b3a
赤みがかったオレンジ色の色合いです。光の三原色RGBにおいて色モデル#bf5b3a
は74.9%の赤色、35.69%の绿色、22.75%の青色でできている。HSLで色彩空間#bf5b3a
は14.89度の色調、53.41%の彩度、48.82%の明るさを有している。この色は約611 nmの波長である。Olympic Delta Clay A25-6はペイントカラーに調和している。
#bf5b3a
情報反転
#40a4c5 25% 飽和度
#cf5229 濃淡階調
#7c7c7c
rgb(191, 91, 58)
rgba(191, 91, 58, 1.0)
赤色:74.902%、黄色:39.9569%、青色:22.7451%
#bf5b3a
12540730
-4236486 / 0xffbf5b3a
hsl(15, 53%, 49%)
hsla(15, 53%, 49%, 1.0)
色調:15(14.8872)、彩度:70(69.6335)、値:75(74.902)
X:25.9907、Y:18.864、Z:6.2742
x:0.5083、y:0.369、Y:18.864
L:50.5277、a:37.7786、b:37.4532
L:50.5277、u:78.3886、v:32.6009
L:50.5277、C:53.1974、H:44.7522
L:43.4327、a:30.8092、b:21.8379
シアン色:0(0)、マゼンタ色:52(0.5236)、黄色:70(0.6963)、黒色:25(0.251)
シアン色:25(0.251)、マゼンタ色:64(0.6431)、黄色:77(0.7725)
Y:117.138、I:70.1733、Q:10.8781
Y:117.138、U:-29.1001、V:64.8003
Y:117.138、Db:-88.989、Dr:-140.461
Y:116.635、Cb:98.713、Cr:174.243
Y:109.924、Pb:-28、Pr:51.518
10R 5/10近似、完全一致:Munsell 10R 5/10 / #c55a3d
#bf5b3a
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#bf5b3a
黒まで#bf5b3a
白まで#bf5b3a
前景
<p style="color: #bf5b3a">#bf5b3a前景</p>
#bf5b3a
背景
<p style="background-color: #bf5b3a; color: #fff">#bf5b3a背景</p>
#bf5b3a
境界
<p style="border: #bf5b3a 3px solid">#bf5b3a境界</p>
#bf5b3a
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #bf5b3a, #fff); background: -webkit-radial-gradient(50% 50%, #bf5b3a, #fff); background: -o-radial-gradient(50% 50%, #bf5b3a, #fff); background: -ms-radial-gradient(50% 50%, #bf5b3a, #fff); background: radial-gradient(50% 50%, #bf5b3a, #fff); color: #fff">#bf5b3a放射状グラデーション</p>
#bf5b3a
を補足するための#399ebf
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #bf5b3a, #399ebf); background: -webkit-linear-gradient(top, #bf5b3a, #399ebf); background: -o-linear-gradient(top, #bf5b3a, #399ebf); background: -ms-linear-gradient(top, #bf5b3a, #399ebf); background: linear-gradient(top, #bf5b3a, #399ebf); color: #fff">
#bf5b3a
を補足するための#399ebf
線上グラデーション</p>
#bf5b3a
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #bf5b3a">#bf5b3aテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#bf5b3a
に関連している順番で並べらられている。関連は、十六進法の色#bf5b3a
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: