自由に配色をつくることができる便利ツール「color.hailpixel」(カラーヘイルピクセル)

自由に配色をつくることができる便利ツール「color.hailpixel」(カラーヘイルピクセル)

こんにちは!波塚です。配色ひとつでイメージや印象が全く変わってしまうほど、なにをつくる上でもとても大切な配色。雰囲気を表現するのにも大切です。
さて、今回はそんな配色を決めるときに便利なツールのご紹介!

以前、記事にしたカラーパレットツール「Coolors」は、Spaceキーひとつでバランスのとれた配色を作成したり、メインカラーを元に配色を作成できるというものでした。
気になった方はコチラの記事をどうぞ!色選びに便利!カラーパレットツール「Coolors」の使い方

今回ご紹介する配色ツール、その名も「color.hailpixel」(カラーヘイルピクセル)!
どうゆうことができるかといいますと、自由にマウスを動かすだけで好きな配色がつくることができます。

直感的な操作で簡単に配色の作成が可能!サクサク色がつくれるのでとても楽しいです。

目次

  • color.hailpixelを使ってみよう
  • まとめ

color.hailpixelを使ってみよう

それでは、実際にcolor.hailpixelをどういうふうに使っていけばいいのか説明します!

まず、color.hailpixelのサイトを開きましょう
http://color.hailpixel.com

サイトを開くと、はじめは真っ黒な画面になっていると思います。
color.hailpixel

マウスをサイト上で動かしてみてください。するとマウスの位置によって色が変わっていくのがわかると思います。
ここがとても面白いです!あとは「これだ!」という色がみつかったらすかさずクリック。表示されていた色が保存されます。

かなりの数の色を表示できるみたいですが、配色がブレブレになってしまわないよう色の数を増やしすぎないように注意(笑)

以下の画像のように、直感的にポンポンと色をつくってみました。マウス移動+クリックのみで色が簡単につくれるので素早く配色をつくれます。

color.hailpixel

いらないと思った色は下のバツ印を押すと消えます。

また、つくった配色を保存したいときはコピーしてメモ帳などに保存しましょう。EverNoteで専用のノートをつくるのがおすすめです。
誰かと共有したいときは、URLをコピーして送りましょう。

今回私が作成した配色URLを貼っておきます。http://color.hailpixel.com/#963154,1E0B23,3ECBBC,FBF5F0,2E252C,A13B36,

まとめ

今回は、以前の配色の自動生成とはまた違って自由に配色をつくれるツールのご紹介でした。自動とは違い自由にマウス移動だけで色がつくれることが特徴であり、自分のセンスが問われるところでもあります。そこが面白いところでもあるので、気になった方はぜひお試しあれ。

The following two tabs change content below.
波塚浩平

波塚浩平

デザイナー&コーダー株式会社インファクト
デザイナーの波塚です。昔からものづくりが好きで、なんでも自分でつくりたくなってしまうことが多いです。好きな言葉は「若いときに流さなかった汗は、老いてから涙となって返ってくる」です。後で後悔しないよう、今を全力で突き進みます!

記事を気に入ったらシェアをしてね

  • twitter
  • facebook
  • google+
  • このエントリーをはてなブックマークに追加
  • twitter
  • このエントリーをはてなブックマークに追加
  • Pocket
ブログの読者になる
ブログの読者になると新着記事の通知を
メールで受け取ることができます。
読者登録はコチラ

関連記事

スマホを紛失した時はGoogleのサービスを活用しよう

だるまさん だるまさん

記事を読む

Gmailで受信するメールをサーバーに残さない設定方法

波塚浩平 波塚浩平

記事を読む

Excel初心者向け「小技」紹介(連番の振り方2種)

インファクト編集部 インファクト編集部

記事を読む

ZENBACK(ゼンバック)って何?

名畑かなえ 名畑かなえ

記事を読む

Twitterの画像転載を見つける方法

モリモト モリモト

記事を読む

ブログの読者になる

ブログの読者になると新着記事の通知をメールで受け取ることができます。

読者登録はコチラ

文字サイズの変更

標準 拡大
インファクトベトナム語ブログ
  • infact twitter
  • infact facebook
  • infact google
  • infact youtube
  • feedly
  • rss
WEB集客でリスティング広告の予算ってどのくらいが適正ですか?

インファクトの加藤です。 今回は私がリスティングのお話を

士業のホームページ集客・はじめの一歩【税理士編】

おはようございます。 「企業のメディア化アドバイザー」の篠崎

ブログとホームページを使って集客する方法は?コツと効果について

  こんにちは。WEB集客&メディア化アドバイ

SNSをやれば売り上げがあがりますか!?

企業のメディア化上席講師の岡田です。 今日は、実際に質問に答

Web集客|知っておくと便利Web集客の9種類(メディア編)

こんにちは!今回の記事では、Web集客の種類ってどんな種類があ

ép kiểu