色見本
RGB
CMYK
RYB
#f7cc26十六進の色コード十六進の色コード#f7cc26黄色の色合いです。光の三原色RGBにおいて色モデル#f7cc26は96.86%の赤色、80%の绿色、14.9%の青色でできている。HSLで色彩空間#f7cc26は47.66度の色調、92.89%の彩度、55.88%の明るさを有している。この色は約590 nmの波長である。Pratt & Lambert Country Kitchen 15-12はペイントカラーに調和している。
#f7cc26情報反転
#0833d9 25% 飽和度
#ffd01e 濃淡階調
#8e8e8e
rgb(247, 204, 38)
rgba(247, 204, 38, 1.0)
赤色：36.1328%、黄色：96.8627%、青色：14.902%
#f7cc26
16239654
-537562 / 0xfff7cc26
hsl(48, 93%, 56%)
hsla(48, 93%, 56%, 1.0)
色調：48（47.6555）、彩度：85（84.6154）、値：97（96.8627）
X：60.3005、Y：63.0998、Z：10.835
x：0.4492、y：0.4701、Y：63.0998
L：83.4949、a：0.7756、b：78.8628
L：83.4949、u：37.166、v：84.7573
L：83.4949、C：78.8666、H：89.4365
L：79.4354、a：-3.5102、b：47.5176
シアン色：0（0）、マゼンタ色：17（0.1741）、黄色：85（0.8462）、黒色：3（0.0314）
シアン色：3（0.0314）、マゼンタ色：20（0.2）、黄色：85（0.851）
Y：197.933、I：78.9454、Q：-42.5558
Y：197.933、U：-78.7006、V：43.0467
Y：197.933、Db：-240.628、Dr：-93.341
Y：186.019、Cb：48.762、Cr：158.663
Y：201.207、Pb：-87.945、Pr：29.136
5Y 8/12（近似の）
#f7cc26配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#f7cc26黒まで#f7cc26白まで#f7cc26前景
<p style="color: #f7cc26; background-color: #000">#f7cc26前景</p>
#f7cc26背景
<p style="background-color: #f7cc26">#f7cc26背景</p>
#f7cc26境界
<p style="border: #f7cc26 3px solid">#f7cc26境界</p>
#f7cc26放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #f7cc26, #fff); background: -webkit-radial-gradient(50% 50%, #f7cc26, #fff); background: -o-radial-gradient(50% 50%, #f7cc26, #fff); background: -ms-radial-gradient(50% 50%, #f7cc26, #fff); background: radial-gradient(50% 50%, #f7cc26, #fff)">#f7cc26放射状グラデーション</p>
#f7cc26を補足するための#2550f7線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #f7cc26, #2550f7); background: -webkit-linear-gradient(top, #f7cc26, #2550f7); background: -o-linear-gradient(top, #f7cc26, #2550f7); background: -ms-linear-gradient(top, #f7cc26, #2550f7); background: linear-gradient(top, #f7cc26, #2550f7); color: #000">#f7cc26を補足するための#2550f7線上グラデーション</p>
#f7cc26テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #f7cc26">#f7cc26テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#f7cc26に関連している順番で並べらられている。関連は、十六進法の色#f7cc26の各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：