#b2beb5
十六進の色コード十六進の色コードでAsh grey色#b2beb5
緑色の明るさの中間の色合いです。光の三原色RGBにおいて色モデル#b2beb5
は69.8%の赤色、74.51%の绿色、70.98%の青色でできている。HSLで色彩空間#b2beb5
は135度の色調、8.45%の彩度、72.16%の明るさを有している。この色は約535 nmの波長である。
#b2beb5
情報反転
#4d414a 25% 飽和度
#b0bfb4 濃淡階調
#b8b8b8
rgb(178, 190, 181)
rgba(178, 190, 181, 1.0)
赤色:69.8039%、黄色:73.5686%、青色:74.5098%
#b2beb5
11714229
-5062987 / 0xffb2beb5
hsl(135, 8%, 72%)
hsla(135, 8%, 72%, 1.0)
色調:135(135)、彩度:6(6.3158)、値:75(74.5098)
X:45.114、Y:49.6281、Z:50.9175
x:0.3097、y:0.3407、Y:49.6281
L:75.8404、a:-5.837、b:3.1072
L:75.8404、u:-6.2422、v:5.5927
L:75.8404、C:6.6126、H:151.9724
L:70.4472、a:-8.9721、b:6.4597
シアン色:6(0.0632)、マゼンタ色:0(0)、黄色:5(0.0474)、黒色:25(0.2549)
シアン色:30(0.302)、マゼンタ色:25(0.2549)、黄色:29(0.2902)
Y:185.386、I:-4.2572、Q:-5.3377
Y:185.386、U:-2.1565、V:-6.4799
Y:185.386、Db:-6.597、Dr:14.043
Y:175.244、Cb:125.825、Cr:123.371
Y:186.796、Pb:-3.12、Pr:-5.586
2.5G 7/2近似、完全一致:Munsell 2.5G 7/2 / #a1b3aa
#b2beb5
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#b2beb5
黒まで#b2beb5
白まで#b2beb5
前景
<p style="color: #b2beb5; background-color: #000">#b2beb5前景</p>
#b2beb5
背景
<p style="background-color: #b2beb5">#b2beb5背景</p>
#b2beb5
境界
<p style="border: #b2beb5 3px solid">#b2beb5境界</p>
#b2beb5
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #b2beb5, #fff); background: -webkit-radial-gradient(50% 50%, #b2beb5, #fff); background: -o-radial-gradient(50% 50%, #b2beb5, #fff); background: -ms-radial-gradient(50% 50%, #b2beb5, #fff); background: radial-gradient(50% 50%, #b2beb5, #fff)">#b2beb5放射状グラデーション</p>
#b2beb5
を補足するための#beb2bb
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #b2beb5, #beb2bb); background: -webkit-linear-gradient(top, #b2beb5, #beb2bb); background: -o-linear-gradient(top, #b2beb5, #beb2bb); background: -ms-linear-gradient(top, #b2beb5, #beb2bb); background: linear-gradient(top, #b2beb5, #beb2bb); color: #000">
#b2beb5
を補足するための#beb2bb
線上グラデーション</p>
#b2beb5
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #b2beb5">#b2beb5テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#b2beb5
に関連している順番で並べらられている。関連は、十六進法の色#b2beb5
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: