コーディングしてると、色の組み合わせが思ったのと違って、「あー、もうちょっとここ明るいほうがいいよなぁ」とか、「もちっと暗めにしたいんだよなぁ」ってこと、ありませんか?

そんな時に便利なサイトをご紹介します。

ss_hex_color_tool

Hex Color Toolは、カラーコードを入力すると、その色に「プラスn%明るく(暗く)」した色のカラーコードを求めることができます。

 

 

 

使い方

Hex Color Toolの使い方はとても簡単です。

まず、「6 DIGIT HEX」と書かれている下にある入力フィールドに、元になる色のコードを「#rrggbb」形式で入力します。

次に、明るい方にシフトするか、暗い方にシフトするかを決めます。明るくするなら「Lighten」、暗くするなら「Darken」です。

そしてPERCENTAGEは何%刻みで提示するかを指定します。

10%なら指定値より10%ずつ明るく(暗く)なっていきます。

最後に「Submit」をクリックすると、結果が表示されます。

結果は「Reset」をクリックするまで保持されますので、明るめ、暗めといろいろ出してみて選んだりするのに便利ですね。

コメントする