カラーパレットでイイ感じの配色を作り出そう(その2:カラーパレット作成サイトの活用)



前回のタイトル画面を
適当に作ったカラーパレットで
調整したぞ
すげぇっす!
なんかオシャレな色合いっす!


前回の記事でカラーコードの基本について説明したので、今回はイイ感じのカラーパレットを自動的に作成する便利サイトの中から、中高生でも気軽に使えるものをいくつか紹介しよう。

HUE/360

色を1色選ぶと、その色とマッチする色だけが画面に表示され、自然に美しいカラーパレットが作れるサイト。まずはBrightness(明度)を選択し、好きな色を選択しよう。1色クリックすると、その色と組み合わせてもおかしくない色のみが表示される。


もともと表示されている色が落ち着きのあるカラーなので、適当に選んでもすっきりした色合いが出せるぞ




30秒で作った「たにっこの大冒険」のカラーパレット

Paletton

使いたい色をクリック&ドラッグで選択し、色の組み合わせを作ることができるサービス。多色組み合わせ、同系色や反対色でのシミュレーションなど色々なパターンを試せるほか、Webページプレビューで仕上がりイメージを確認することもできる。


アーティストになった気分になれる

BrandColors

世界的な大企業やベンチャー企業のブランドカラーを一覧化した配色パレット。


Unityカラーもあるぞ(昔のバージョンだけど)

ほえー 知ってる会社の色は
パレットだけでイメージがわくっすねぇ
ロゴやブランドのカラーパレットは
大事やねんな

デザインの専門家が
導き出してる組み合わせなんや


NIPPON COLORS

日本の伝統的なカラーを色の名前とともに取得できるサービス。和風の色合いを厳選するのに使える。


「和風」はわかりやすく個性を出せる世界観なので、和風にチャレンジするときは色合いを大切に!

色の名前がかっけぇーっす!
サイトのデザインもオシャレっすね!
くっ……心の中の闇が
暴走しそうになるぜ……


フォントの活用


「たにっこの大冒険」の
ビフォーアフターなんだけど、
色のほかにもうひとつ
変えているところがあるんだ
なんと!どこを変えたんでしょう?
フォントを変えました

この話はまた次回に!