Go to Top

デザインに欠かせない!配色に困ったら使いたいWEBサービス

デザインに欠かせない!配色に困ったら使いたい配色Webサービス


配色パターンが決まらない時のお役立ちサイト、無料Webサービスのご紹介

デザイン制作をしているときに思い通りの配色パターンが決まらない、そんな経験はないでしょうか。クリエイティブなアイデアが必要になってくる配色を助けてくれる、配色カラーをまとめたWebサービスを活用してみてはいかがでしょうか。


Material UI

Material UI
マテリアルデザインに使える配色をまとめたサイト「Material UI」

マテリアルデザインに合う色がずらっと一覧で表示されています。
さまざまな色が表示され、クリックするとカラーコードをコピーすることができます。
流行りのマテリアルデザインを採用する際、どの色を使おうか困ったときにぜひご活用ください。


Material Palette

Material Palette
選んだ2色からマテリアルデザインに似合うカラーパレットを作成してくれるサイト「Material Palette」

2色選ぶだけでそれに合うカラーパレットを自動的に提案してくれます。カラーパレットはCSS、SASS、SVG、XML、PNG形式でダウンロードすることができ、カラーを決める際に悩んだらぜひ使ってみてください。


Flat UI Colors

Flat UI Colors
流行りのフラットデザインに使える配色をワンクリックでコピーできるサイト「Flat UI Colors」

それぞれの色をクリックすると、クリップボードにカラーコードがコピーされ、色を選択するとその色のカラーコードがコピーできます。


iOS 7 colors

iOS 7 colors
iOS7で利用されている色のカラーコードがまとまったサイト「iOS 7 colors」

マウスを乗せると、カラーコードが表示されるのでコピーして使うことができます。
フラットデザインを作る際の色見本として利用すると良さそうですね。