色見本
RGB
CMYK
RYB
#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の各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：