#b06a22
十六進の色コード十六進の色コード#b06a22
茶色の色合いです。光の三原色RGBにおいて色モデル#b06a22
は69.02%の赤色、41.57%の绿色、13.33%の青色でできている。HSLで色彩空間#b06a22
は30.42度の色調、67.62%の彩度、41.18%の明るさを有している。この色は約601 nmの波長である。
#b06a22
情報反転
#4f95dd 25% 飽和度
#c16a10 濃淡階調
#696969
rgb(176, 106, 34)
rgba(176, 106, 34, 1.0)
赤色:67.4728%、黄色:69.0196%、青色:13.3333%
#b06a22
11561506
-5215710 / 0xffb06a22
hsl(30, 68%, 41%)
hsla(30, 68%, 41%, 1.0)
色調:30(30.4225)、彩度:81(80.6818)、値:69(69.0196)
X:23.3473、Y:19.6537、Z:4.0764
x:0.4959、y:0.4175、Y:19.6537
L:51.4434、a:22.4339、b:49.3752
L:51.4434、u:56.7316、v:44.8433
L:51.4434、C:54.2327、H:65.565
L:44.3325、a:16.4235、b:25.581
シアン色:0(0)、マゼンタ色:40(0.3977)、黄色:81(0.8068)、黒色:31(0.3098)
シアン色:31(0.3098)、マゼンタ色:58(0.5843)、黄色:87(0.8667)
Y:118.722、I:64.8311、Q:-7.5998
Y:118.722、U:-41.69、V:50.2507
Y:118.722、Db:-127.476、Dr:-108.934
Y:117.988、Cb:86.032、Cr:163.842
Y:115.726、Pb:-44.05、Pr:38.312
7.5YR 5/8近似、完全一致:Munsell 7.5YR 5/8 / #ac6b2b
#b06a22
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#b06a22
黒まで#b06a22
白まで#b06a22
前景
<p style="color: #b06a22">#b06a22前景</p>
#b06a22
背景
<p style="background-color: #b06a22; color: #fff">#b06a22背景</p>
#b06a22
境界
<p style="border: #b06a22 3px solid">#b06a22境界</p>
#b06a22
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #b06a22, #fff); background: -webkit-radial-gradient(50% 50%, #b06a22, #fff); background: -o-radial-gradient(50% 50%, #b06a22, #fff); background: -ms-radial-gradient(50% 50%, #b06a22, #fff); background: radial-gradient(50% 50%, #b06a22, #fff); color: #fff">#b06a22放射状グラデーション</p>
#b06a22
を補足するための#2167b0
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #b06a22, #2167b0); background: -webkit-linear-gradient(top, #b06a22, #2167b0); background: -o-linear-gradient(top, #b06a22, #2167b0); background: -ms-linear-gradient(top, #b06a22, #2167b0); background: linear-gradient(top, #b06a22, #2167b0); color: #fff">
#b06a22
を補足するための#2167b0
線上グラデーション</p>
#b06a22
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #b06a22">#b06a22テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#b06a22
に関連している順番で並べらられている。関連は、十六進法の色#b06a22
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: