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