入力した色コードの彩度,明度を増減させたものを表示しています。
「彩度と明度」「彩度」「明度」と書いてある列がそれぞれを増↑減↓させている色とコードになります。

入力できる形式は、「#d2691e」または「210,105,30」です。
16進数表記の先頭の「#」は付けなくてもかまいません。大文字でも大丈夫です。3桁表記も使えます。

彩度と明度
彩度
明度

彩度:色の鮮やかさ、つまり色の純度を表します。彩度が高ければ高いほど色は「ビビット」で鮮やかになり、低ければ低いほど「白、黒、灰色」(無彩色)に近くなります。
明度:色の明るさを表します。明度が高ければ高いほど色は「白」に近づき、低ければ低いほど「黒」に近づきます。
例えば、赤の場合、明度が高くなる(=白に近くなる)とピンク色になり、明度が低くなる(=黒に近くなる)とマルーンなどの暗い赤(黒に近い赤)になります。

※RGB値をHSL値に変換し、彩度と明度を調整後、再びRGB値に変換しています。