アラサー主婦のWEBデザイン奮闘記

Webデザイン Web制作 制作お役立ち

適切なシャドウの色が分かる「Material Icon Shadow Color Picker」

投稿日:

オブジェクトを立体的に見せたいときに使うシャドウですが、新米デザイナーさんはつい黒ばかり使っていませんか?(私がまさにそうなんですが…。)

シャドウというと黒をイメージしがちですが、実はオブジェクトの色と同系色にすることで、より自然な立体感を演出することができますよ。

とは言っても、適切な色を探すのは難しい…という方のために、今回は様々なカラーにあったシャドウの色を教えてくれる便利なサイトをご紹介します!

 

Material Icon Shadow Color Picker

Material Icon Shadow Color Picker

こちらのサイトでは、左側から選択したカラーに合わせて適切なシャドウの色を表示してくれます。

自分で調べたい色を入力できないのが残念ですが、既存のカラーを見ているだけでも、どのようなシャドウの色が適切なのか分かるのでとても参考になりますよ。

 

また、円の中のアイコンをクリックすると様々な模様に変化させて見ることもできます。

 

まとめ

シンプルなサービスではありますが、シャドウの適切な色ってなかなか分からないと思うので、とても参考になるサイトだと思います。

よかったら活用してみてくださいね。

 

-Webデザイン, Web制作, 制作お役立ち

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

日本語のフリーフォントをまとめて試せるサイト「ためしがき」

以前、「wordmark.it」(自分のPC内にインストールされているフォントをブラウザ上で一覧表示してくれる無料のWEBサービス)についてご紹介しましたが、今回はダウンロードしていないフォントを一覧 …

ロゴ制作の際に参考にるサイト【アイディア編】

前回の記事では、ロゴ制作の「ヒアリング内容〜制作の流れ」について、参考になる記事を2つご紹介しました。 そこで今回は、実際にどのようなロゴにするかアイディアを出していく時に参考になるサイトを3つご紹介 …

スマホ向けWEBサイトを集めたギャラリーサイトのご紹介

Webサイトのスマホ対応はWebサイト制作において、もはや必須要件となってきていますよね。 とはいえ、スマホに適したデザインを考えるのは難しく迷ってしまうことも多いのではないでしょうか。 そこで今回は …

参考になるクオリティの高い政治家サイト4選

こんにちは、ぶちこです。 制作会社に入社して約半年、毎回さまざまな業種のデザインに携わらせてもらっていますが、今回初めて政治家の方のサイトを手がけることになりました! とは言えなかなかイメージがつかず …

色彩感覚をチェックできる「KOLOR」 のご紹介

今回は、色彩感覚をゲーム感覚でチェックできるサイト、「KOLOR」をご紹介します。   「KOLOR」の使い方 http://kolor.moro.es/ 使い方は簡単で、画面に表示されたも …