#b4d9b6
十六進の色コード十六進の色コード#b4d9b6
緑色の明るい色合いです。光の三原色RGBにおいて色モデル#b4d9b6
は70.59%の赤色、85.1%の绿色、71.37%の青色でできている。HSLで色彩空間#b4d9b6
は123.24度の色調、32.74%の彩度、77.84%の明るさを有している。この色は約542 nmの波長である。TRUMATCH 21-cとFocoltone 5016はペイントカラーに調和している。
#b4d9b6
情報反転
#4b2649 25% 飽和度
#afddb1 濃淡階調
#c6c6c6
rgb(180, 217, 182)
rgba(180, 217, 182, 1.0)
赤色:70.5882%、黄色:84.3539%、青色:85.098%
#b4d9b6
11852214
-4925002 / 0xffb4d9b6
hsl(123, 33%, 78%)
hsla(123, 33%, 78%, 1.0)
色調:123(123.2432)、彩度:17(17.0507)、値:85(85.098)
X:52.0787、Y:62.7064、Z:53.6147
x:0.3093、y:0.3724、Y:62.7064
L:83.2877、a:-18.819、b:13.2532
L:83.2877、u:-18.6761、v:22.6427
L:83.2877、C:23.0174、H:144.8449
L:79.1874、a:-21.1848、b:15.2882
シアン色:17(0.1705)、マゼンタ色:0(0)、黄色:16(0.1613)、黒色:15(0.149)
シアン色:29(0.2941)、マゼンタ色:15(0.149)、黄色:29(0.2863)
Y:201.947、I:-10.7973、Q:-18.7136
Y:201.947、U:-9.814、V:-19.2546
Y:201.947、Db:-30.005、Dr:41.726
Y:189.464、Cb:118.111、Cr:114.242
Y:206.599、Pb:-13.245、Pr:-16.89
10GY 8/4近似、完全一致:Munsell 10GY 8/4 / #b4d2af
#b4d9b6
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#b4d9b6
黒まで#b4d9b6
白まで#b4d9b6
前景
<p style="color: #b4d9b6; background-color: #000">#b4d9b6前景</p>
#b4d9b6
背景
<p style="background-color: #b4d9b6">#b4d9b6背景</p>
#b4d9b6
境界
<p style="border: #b4d9b6 3px solid">#b4d9b6境界</p>
#b4d9b6
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #b4d9b6, #fff); background: -webkit-radial-gradient(50% 50%, #b4d9b6, #fff); background: -o-radial-gradient(50% 50%, #b4d9b6, #fff); background: -ms-radial-gradient(50% 50%, #b4d9b6, #fff); background: radial-gradient(50% 50%, #b4d9b6, #fff)">#b4d9b6放射状グラデーション</p>
#b4d9b6
を補足するための#d9b4d7
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #b4d9b6, #d9b4d7); background: -webkit-linear-gradient(top, #b4d9b6, #d9b4d7); background: -o-linear-gradient(top, #b4d9b6, #d9b4d7); background: -ms-linear-gradient(top, #b4d9b6, #d9b4d7); background: linear-gradient(top, #b4d9b6, #d9b4d7); color: #000">
#b4d9b6
を補足するための#d9b4d7
線上グラデーション</p>
#b4d9b6
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #b4d9b6">#b4d9b6テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#b4d9b6
に関連している順番で並べらられている。関連は、十六進法の色#b4d9b6
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: