#と6桁(もしくは3桁)の英数字(正確には16進数で表記される0から9、aからfの英数字)からなるカラーを、RGBでの数値に変換、もしくはRGBから16進数に変換、はたまた補色や反転色はどんなのか?それをJavaScriptで取得できるようにしてみました。 Color.infoというメソッドを用意して、その引数に16進数もしくはRGB値をセットして実行すると、補色や反転色、RGB値などの色情報が返却されるようにしました。 ロジックはAdobe Illustrator CS4 * カラーの反転色または補色への変更を参考に制作。ロジック部分を抜粋。 反転 カラーの各構成要素をカラースケール上の反対側の値に変更します。例えば、RGB カラーの R の値が 100 の場合に「反転」コマンドを実行すると、R の値は 155 に変更されます(255 – 100 = 155)。 補色 カラーの各構成要素
![JavaScriptで補色や反転色、RGBを取得する - シンプルシンプルデザイン JavaScript](https://cdn-ak-scissors.b.st-hatena.com/image/square/2603c73d0f51b8cca355508111a8ece0fc73d40f/height=288;version=1;width=512/https%3A%2F%2Fsimplesimples.com%2Fwp-content%2Fthemes%2Fsmplsmpls%2Fassets%2Fthumbnail%2Fjavascript.jpg)