#b2e69e
十六進の色コード十六進の色コード#b2e69e
緑色の明るい色合いです。光の三原色RGBにおいて色モデル#b2e69e
は69.8%の赤色、90.2%の绿色、61.96%の青色でできている。HSLで色彩空間#b2e69e
は103.33度の色調、59.02%の彩度、76.08%の明るさを有している。この色は約555 nmの波長である。Crayola Sheen Greenはペイントカラーに調和している。
#b2e69e
情報反転
#4d1961 25% 飽和度
#aeee95 濃淡階調
#c2c2c2
rgb(178, 230, 158)
rgba(178, 230, 158, 1.0)
赤色:61.9608%、黄色:90.1961%、青色:82.3529%
#b2e69e
11724446
-5052770 / 0xffb2e69e
hsl(103, 59%, 76%)
hsla(103, 59%, 76%, 1.0)
色調:103(103.3333)、彩度:31(31.3043)、値:90(90.1961)
X:52.8285、Y:68.5272、Z:42.7905
x:0.3218、y:0.4175、Y:68.5272
L:86.2694、a:-29.7173、b:29.8306
L:86.2694、u:-25.8747、v:46.8185
L:86.2694、C:42.1068、H:134.891
L:82.7812、a:-30.9537、b:27.2992
シアン色:23(0.2261)、マゼンタ色:0(0)、黄色:31(0.313)、黒色:10(0.098)
シアン色:30(0.302)、マゼンタ色:10(0.098)、黄色:38(0.3804)
Y:206.244、I:-7.8463、Q:-33.3974
Y:206.244、U:-23.7389、V:-24.7793
Y:206.244、Db:-72.576、Dr:53.692
Y:193.15、Cb:104.088、Cr:110.284
Y:213.74、Pb:-30.02、Pr:-22.688
10GY 8/8近似、完全一致:Munsell 10GY 8/8 / #99da8f
#b2e69e
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#b2e69e
黒まで#b2e69e
白まで#b2e69e
前景
<p style="color: #b2e69e; background-color: #000">#b2e69e前景</p>
#b2e69e
背景
<p style="background-color: #b2e69e">#b2e69e背景</p>
#b2e69e
境界
<p style="border: #b2e69e 3px solid">#b2e69e境界</p>
#b2e69e
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #b2e69e, #fff); background: -webkit-radial-gradient(50% 50%, #b2e69e, #fff); background: -o-radial-gradient(50% 50%, #b2e69e, #fff); background: -ms-radial-gradient(50% 50%, #b2e69e, #fff); background: radial-gradient(50% 50%, #b2e69e, #fff)">#b2e69e放射状グラデーション</p>
#b2e69e
を補足するための#d19ee5
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #b2e69e, #d19ee5); background: -webkit-linear-gradient(top, #b2e69e, #d19ee5); background: -o-linear-gradient(top, #b2e69e, #d19ee5); background: -ms-linear-gradient(top, #b2e69e, #d19ee5); background: linear-gradient(top, #b2e69e, #d19ee5); color: #000">
#b2e69e
を補足するための#d19ee5
線上グラデーション</p>
#b2e69e
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #b2e69e">#b2e69eテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#b2e69e
に関連している順番で並べらられている。関連は、十六進法の色#b2e69e
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: