#f3eedf
十六進の色コード十六進の色コード#f3eedf
黄色のとても明るい色合いです。光の三原色RGBにおいて色モデル#f3eedf
は95.29%の赤色、93.33%の绿色、87.45%の青色でできている。HSLで色彩空間#f3eedf
は45度の色調、45.45%の彩度、91.37%の明るさを有している。この色は約592 nmの波長である。Resene Half Villa White G94-013-091、Coronado Paint OW123 - Angel CloudとDulux Australia Berkshire White / B3はペイントカラーに調和している。
#f3eedf
情報反転
#0c1120 25% 飽和度
#f5efdc 濃淡階調
#e9e9e9
rgb(243, 238, 223)
rgba(243, 238, 223, 1.0)
赤色:90.0654%、黄色:95.2941%、青色:87.451%
#f3eedf
15986399
-790817 / 0xfff3eedf
hsl(45, 45%, 91%)
hsla(45, 45%, 91%, 1.0)
色調:45(45)、彩度:8(8.2305)、値:95(95.2941)
X:80.856、Y:85.5315、Z:82.0597
x:0.3254、y:0.3443、Y:85.5315
L:94.1117、a:-0.8561、b:7.8413
L:94.1117、u:3.7238、v:11.9749
L:94.1117、C:7.8879、H:96.2309
L:92.4832、a:-5.7872、b:12.1307
シアン色:0(0)、マゼンタ色:2(0.0206)、黄色:8(0.0823)、黒色:5(0.0471)
シアン色:5(0.0471)、マゼンタ色:7(0.0667)、黄色:13(0.1255)
Y:237.785、I:7.7975、Q:-3.6097
Y:237.785、U:-7.2733、V:4.5752
Y:237.785、Db:-22.245、Dr:-9.92
Y:220.257、Cb:120.675、Cr:131.26
Y:237.985、Pb:-8.075、Pr:3.19
5GY 9/2近似、完全一致:Munsell 5GY 9/2 / #e7e6cf
#f3eedf
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#f3eedf
黒まで#f3eedf
白まで#f3eedf
前景
<p style="color: #f3eedf; background-color: #000">#f3eedf前景</p>
#f3eedf
背景
<p style="background-color: #f3eedf">#f3eedf背景</p>
#f3eedf
境界
<p style="border: #f3eedf 3px solid">#f3eedf境界</p>
#f3eedf
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #f3eedf, #fff); background: -webkit-radial-gradient(50% 50%, #f3eedf, #fff); background: -o-radial-gradient(50% 50%, #f3eedf, #fff); background: -ms-radial-gradient(50% 50%, #f3eedf, #fff); background: radial-gradient(50% 50%, #f3eedf, #fff)">#f3eedf放射状グラデーション</p>
#f3eedf
を補足するための#dfe3f3
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #f3eedf, #dfe3f3); background: -webkit-linear-gradient(top, #f3eedf, #dfe3f3); background: -o-linear-gradient(top, #f3eedf, #dfe3f3); background: -ms-linear-gradient(top, #f3eedf, #dfe3f3); background: linear-gradient(top, #f3eedf, #dfe3f3); color: #000">
#f3eedf
を補足するための#dfe3f3
線上グラデーション</p>
#f3eedf
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #f3eedf">#f3eedfテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#f3eedf
に関連している順番で並べらられている。関連は、十六進法の色#f3eedf
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: