#f3e5ab
十六進の色コード十六進の色コードでMedium champagne、Vanilla色#f3e5ab
黄色の明るい色合いです。光の三原色RGBにおいて色モデル#f3e5ab
は95.29%の赤色、89.8%の绿色、67.06%の青色でできている。HSLで色彩空間#f3e5ab
は48.33度の色調、75%の彩度、81.18%の明るさを有している。この色は約590 nmの波長である。
#f3e5ab
情報反転
#0c1a54 25% 飽和度
#fceaa2 濃淡階調
#cfcfcf
rgb(243, 229, 171)
rgba(243, 229, 171, 1.0)
赤色:73.8742%、黄色:95.2941%、青色:67.0588%
#f3e5ab
15984043
-793173 / 0xfff3e5ab
hsl(48, 75%, 81%)
hsla(48, 75%, 81%, 1.0)
色調:48(48.3333)、彩度:30(29.6296)、値:95(95.2941)
X:72.3321、Y:78.0336、Z:49.7778
x:0.3614、y:0.3899、Y:78.0336
L:90.7952、a:-3.831、b:30.0584
L:90.7952、u:11.7868、v:42.6455
L:90.7952、C:30.3016、H:97.2634
L:88.3366、a:-8.429、b:28.4257
シアン色:0(0)、マゼンタ色:6(0.0576)、黄色:30(0.2963)、黒色:5(0.0471)
シアン色:5(0.0471)、マゼンタ色:10(0.102)、黄色:33(0.3294)
Y:226.574、I:26.9733、Q:-15.0854
Y:226.574、U:-27.3455、V:14.4106
Y:226.574、Db:-83.614、Dr:-31.248
Y:210.625、Cb:100.466、Cr:138.264
Y:227.806、Pb:-30.61、Pr:9.668
10Y 9/4近似、完全一致:Munsell 10Y 9/4 / #f1e6b0
#f3e5ab
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#f3e5ab
黒まで#f3e5ab
白まで#f3e5ab
前景
<p style="color: #f3e5ab; background-color: #000">#f3e5ab前景</p>
#f3e5ab
背景
<p style="background-color: #f3e5ab">#f3e5ab背景</p>
#f3e5ab
境界
<p style="border: #f3e5ab 3px solid">#f3e5ab境界</p>
#f3e5ab
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #f3e5ab, #fff); background: -webkit-radial-gradient(50% 50%, #f3e5ab, #fff); background: -o-radial-gradient(50% 50%, #f3e5ab, #fff); background: -ms-radial-gradient(50% 50%, #f3e5ab, #fff); background: radial-gradient(50% 50%, #f3e5ab, #fff)">#f3e5ab放射状グラデーション</p>
#f3e5ab
を補足するための#abb8f3
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #f3e5ab, #abb8f3); background: -webkit-linear-gradient(top, #f3e5ab, #abb8f3); background: -o-linear-gradient(top, #f3e5ab, #abb8f3); background: -ms-linear-gradient(top, #f3e5ab, #abb8f3); background: linear-gradient(top, #f3e5ab, #abb8f3); color: #000">
#f3e5ab
を補足するための#abb8f3
線上グラデーション</p>
#f3e5ab
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #f3e5ab">#f3e5abテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#f3e5ab
に関連している順番で並べらられている。関連は、十六進法の色#f3e5ab
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: