#fdec62
十六進の色コード十六進の色コード#fdec62
黄色の明るさの中間の色合いです。光の三原色RGBにおいて色モデル#fdec62
は99.22%の赤色、92.55%の绿色、38.43%の青色でできている。HSLで色彩空間#fdec62
は53.42度の色調、97.48%の彩度、68.82%の明るさを有している。この色は約586 nmの波長である。
#fdec62
情報反転
#02139d 25% 飽和度
#ffed60 濃淡階調
#afafaf
rgb(253, 236, 98)
rgba(253, 236, 98, 1.0)
赤色:45.9193%、黄色:99.2157%、青色:38.4314%
#fdec62
16641122
-136094 / 0xfffdec62
hsl(53, 97%, 69%)
hsla(53, 97%, 69%, 1.0)
色調:53(53.4194)、彩度:61(61.2648)、値:99(99.2157)
X:72.7081、Y:81.7554、Z:23.5035
x:0.4085、y:0.4594、Y:81.7554
L:92.4668、a:-10.2466、b:67.0376
L:92.4668、u:17.4496、v:82.846
L:92.4668、C:67.8162、H:98.6903
L:90.4187、a:-14.6961、b:47.8812
シアン色:0(0)、マゼンタ色:7(0.0672)、黄色:61(0.6126)、黒色:1(0.0078)
シアン色:1(0.0078)、マゼンタ色:7(0.0745)、黄色:62(0.6157)
Y:225.351、I:54.4615、Q:-39.3419
Y:225.351、U:-62.6669、V:24.2564
Y:225.351、Db:-191.604、Dr:-52.607
Y:209.569、Cb:64.902、Cr:145.261
Y:229.685、Pb:-70.955、Pr:14.848
10Y 9/10近似、完全一致:Munsell 10Y 9/10 / #f6e853
#fdec62
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#fdec62
黒まで#fdec62
白まで#fdec62
前景
<p style="color: #fdec62; background-color: #000">#fdec62前景</p>
#fdec62
背景
<p style="background-color: #fdec62">#fdec62背景</p>
#fdec62
境界
<p style="border: #fdec62 3px solid">#fdec62境界</p>
#fdec62
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #fdec62, #fff); background: -webkit-radial-gradient(50% 50%, #fdec62, #fff); background: -o-radial-gradient(50% 50%, #fdec62, #fff); background: -ms-radial-gradient(50% 50%, #fdec62, #fff); background: radial-gradient(50% 50%, #fdec62, #fff)">#fdec62放射状グラデーション</p>
#fdec62
を補足するための#6172fd
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #fdec62, #6172fd); background: -webkit-linear-gradient(top, #fdec62, #6172fd); background: -o-linear-gradient(top, #fdec62, #6172fd); background: -ms-linear-gradient(top, #fdec62, #6172fd); background: linear-gradient(top, #fdec62, #6172fd); color: #000">
#fdec62
を補足するための#6172fd
線上グラデーション</p>
#fdec62
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #fdec62">#fdec62テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#fdec62
に関連している順番で並べらられている。関連は、十六進法の色#fdec62
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: