無料でウェブデザインに最適な配色実例をそのままコピペできるようにした「Happy Hues」レビュー

色は人の心理に働きかけることが知られており、デザインに何色を使うかは重要な問題です。特に、異なる色を使いつつ統一感を持たせるのは至難の業で、一歩間違うとまとまりやメッセージ性のない配色になってしまうことも。そこで、プロのデザイナーがウェブデザインのさまざまな配色実例をそのままコピーできる「Happy Hues」を作成し、無料で公開しています。

トップページには画面左側にパレットが表示されています。パレットをクリックすることで、画面右側の配色を変更可能。深緑を中心とした落ち着いた配色から……

温かみがある焦げ茶色ベースの配色など、背景だけでなく文字色やボタン、イラストの色まで変わるので画面の雰囲気をがらっと変えることができます。ここからも、背景・文字・カード・テキスト欄・ボタンなどからカラーコードをコピーしてまるまる雰囲気を移植することができるわけです。