色見本
RGB
CMYK
RYB
#afd77f十六進の色コード十六進の色コード#afd77f緑色の明るさの中間の色合いです。光の三原色RGBにおいて色モデル#afd77fは68.63%の赤色、84.31%の绿色、49.8%の青色でできている。HSLで色彩空間#afd77fは87.27度の色調、52.38%の彩度、67.06%の明るさを有している。この色は約565 nmの波長である。Dunn-Edwards Wasabi / 1081とCalifornia Paints DE 5578 - Wasabiはペイントカラーに調和している。
#afd77f情報反転
#502880 25% 飽和度
#afe274 濃淡階調
#ababab
rgb(175, 215, 127)
rgba(175, 215, 127, 1.0)
赤色：49.8039%、黄色：84.3137%、青色：65.4902%
#afd77f
11523967
-5253249 / 0xffafd77f
hsl(87, 52%, 67%)
hsla(87, 52%, 67%, 1.0)
色調：87（87.2727）、彩度：41（40.9302）、値：84（84.3137）
X：45.8104、Y：59.2471、Z：29.1001
x：0.3415、y：0.4416、Y：59.2471
L：81.4273、a：-27.9217、b：39.1507
L：81.4273、u：-19.5947、v：56.6355
L：81.4273、C：48.0875、H：125.4959
L：76.9722、a：-28.4661、b：31.4654
シアン色：19（0.186）、マゼンタ色：0（0）、黄色：41（0.4093）、黒色：16（0.1569）
シアン色：31（0.3137）、マゼンタ色：16（0.1569）、黄色：50（0.502）
Y：193.008、I：4.4425、Q：-35.8381
Y：193.008、U：-32.4807、V：-15.7991
Y：193.008、Db：-99.304、Dr：34.224
Y：181.781、Cb：95.288、Cr：116.688
Y：200.144、Pb：-39.4、Pr：-15.952
7.5GY 8/8近似、完全一致：Munsell 7.5GY 8/8 / #acd77c
#afd77f配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#afd77f黒まで#afd77f白まで#afd77f前景
<p style="color: #afd77f; background-color: #000">#afd77f前景</p>
#afd77f背景
<p style="background-color: #afd77f">#afd77f背景</p>
#afd77f境界
<p style="border: #afd77f 3px solid">#afd77f境界</p>
#afd77f放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #afd77f, #fff); background: -webkit-radial-gradient(50% 50%, #afd77f, #fff); background: -o-radial-gradient(50% 50%, #afd77f, #fff); background: -ms-radial-gradient(50% 50%, #afd77f, #fff); background: radial-gradient(50% 50%, #afd77f, #fff)">#afd77f放射状グラデーション</p>
#afd77fを補足するための#a67fd7線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #afd77f, #a67fd7); background: -webkit-linear-gradient(top, #afd77f, #a67fd7); background: -o-linear-gradient(top, #afd77f, #a67fd7); background: -ms-linear-gradient(top, #afd77f, #a67fd7); background: linear-gradient(top, #afd77f, #a67fd7); color: #000">#afd77fを補足するための#a67fd7線上グラデーション</p>
#afd77fテキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #afd77f">#afd77fテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#afd77fに関連している順番で並べらられている。関連は、十六進法の色#afd77fの各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：