色見本
RGB
CMYK
RYB
#aaf162十六進の色コード十六進の色コード#aaf162緑色の明るさの中間の色合いです。光の三原色RGBにおいて色モデル#aaf162は66.67%の赤色、94.51%の绿色、38.43%の青色でできている。HSLで色彩空間#aaf162は89.79度の色調、83.63%の彩度、66.47%の明るさを有している。この色は約563 nmの波長である。
#aaf162情報反転
#550e9d 25% 飽和度
#aafe54 濃淡階調
#a9a9a9
rgb(170, 241, 98)
rgba(170, 241, 98, 1.0)
赤色：38.4314%、黄色：94.5098%、青色：66.2745%
#aaf162
11202914
-5574302 / 0xffaaf162
hsl(90, 84%, 66%)
hsla(90, 84%, 66%, 1.0)
色調：90（89.7902）、彩度：59（59.3361）、値：95（94.5098）
X：50.2375、Y：72.3385、Z：22.8702
x：0.3454、y：0.4974、Y：72.3385
L：88.1313、a：-44.5764、b：60.6499
L：88.1313、u：-35.4339、v：82.9874
L：88.1313、C：75.2693、H：126.3151
L：85.052、a：-43.4069、b：43.5935
シアン色：29（0.2946）、マゼンタ色：0（0）、黄色：59（0.5934）、黒色：5（0.0549）
シアン色：33（0.3333）、マゼンタ色：5（0.0549）、黄色：62（0.6157）
Y：203.469、I：3.6448、Q：-59.5057
Y：203.469、U：-51.8994、V：-29.3636
Y：203.469、Db：-158.669、Dr：63.612
Y：190.758、Cb：75.731、Cr：106.984
Y：215.581、Pb：-63.335、Pr：-28.922
7.5GY 9/12近似、完全一致：Munsell 7.5GY 9/12 / #b4f95c
#aaf162配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#aaf162黒まで#aaf162白まで#aaf162前景
<p style="color: #aaf162; background-color: #000">#aaf162前景</p>
#aaf162背景
<p style="background-color: #aaf162">#aaf162背景</p>
#aaf162境界
<p style="border: #aaf162 3px solid">#aaf162境界</p>
#aaf162放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #aaf162, #fff); background: -webkit-radial-gradient(50% 50%, #aaf162, #fff); background: -o-radial-gradient(50% 50%, #aaf162, #fff); background: -ms-radial-gradient(50% 50%, #aaf162, #fff); background: radial-gradient(50% 50%, #aaf162, #fff)">#aaf162放射状グラデーション</p>
#aaf162を補足するための#a961f1線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #aaf162, #a961f1); background: -webkit-linear-gradient(top, #aaf162, #a961f1); background: -o-linear-gradient(top, #aaf162, #a961f1); background: -ms-linear-gradient(top, #aaf162, #a961f1); background: linear-gradient(top, #aaf162, #a961f1); color: #000">#aaf162を補足するための#a961f1線上グラデーション</p>
#aaf162テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #aaf162">#aaf162テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#aaf162に関連している順番で並べらられている。関連は、十六進法の色#aaf162の各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：