#f7f745
十六進の色コード十六進の色コード#f7f745
黄色の明るさの中間の色合いです。光の三原色RGBにおいて色モデル#f7f745
は96.86%の赤色、96.86%の绿色、27.06%の青色でできている。HSLで色彩空間#f7f745
は60度の色調、91.75%の彩度、61.96%の明るさを有している。この色は約582 nmの波長である。Beckers Tussilago 619 / S 1070-Yはペイントカラーに調和している。
#f7f745
情報反転
#0808ba 25% 飽和度
#feff3d 濃淡階調
#9e9e9e
rgb(247, 247, 69)
rgba(247, 247, 69, 1.0)
赤色:27.0588%、黄色:96.8627%、青色:27.0588%
#f7f745
16250693
-526523 / 0xfff7f745
hsl(60, 92%, 62%)
hsla(60, 92%, 62%, 1.0)
色調:60(60)、彩度:72(72.0648)、値:97(96.8627)
X:72.6927、Y:86.7254、Z:18.5386
x:0.4085、y:0.4873、Y:86.7254
L:94.6216、a:-19.5669、b:79.877
L:94.6216、u:6.903、v:95.6971
L:94.6216、C:82.2387、H:103.7643
L:93.1264、a:-23.6376、b:53.3857
シアン色:0(0)、マゼンタ色:0(0)、黄色:72(0.7206)、黒色:3(0.0314)
シアン色:3(0.0314)、マゼンタ色:3(0.0314)、黄色:73(0.7294)
Y:226.708、I:57.1848、Q:-55.382
Y:226.708、U:-77.6055、V:17.8018
Y:226.708、Db:-237.274、Dr:-38.626
Y:210.729、Cb:49.858、Cr:140.638
Y:234.184、Pb:-89、Pr:8.188
2.5GY 9/12近似、完全一致:Munsell 2.5GY 9/12 / #e7ee24
#f7f745
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#f7f745
黒まで#f7f745
白まで#f7f745
前景
<p style="color: #f7f745; background-color: #000">#f7f745前景</p>
#f7f745
背景
<p style="background-color: #f7f745">#f7f745背景</p>
#f7f745
境界
<p style="border: #f7f745 3px solid">#f7f745境界</p>
#f7f745
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #f7f745, #fff); background: -webkit-radial-gradient(50% 50%, #f7f745, #fff); background: -o-radial-gradient(50% 50%, #f7f745, #fff); background: -ms-radial-gradient(50% 50%, #f7f745, #fff); background: radial-gradient(50% 50%, #f7f745, #fff)">#f7f745放射状グラデーション</p>
#f7f745
を補足するための#4545f6
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #f7f745, #4545f6); background: -webkit-linear-gradient(top, #f7f745, #4545f6); background: -o-linear-gradient(top, #f7f745, #4545f6); background: -ms-linear-gradient(top, #f7f745, #4545f6); background: linear-gradient(top, #f7f745, #4545f6); color: #000">
#f7f745
を補足するための#4545f6
線上グラデーション</p>
#f7f745
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #f7f745">#f7f745テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#f7f745
に関連している順番で並べらられている。関連は、十六進法の色#f7f745
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: