フラットデザインの色を決める時に使えるカラーパレット「Flat UI Colors」

ここ最近のWEBサイトやスマホアプリなどのデザインでは、フラットデザインが流行しています。フラットデザインは、シンプルだしすごくスッキリしていて気持ちいいですよね。

Flat UI Colors は、そんなフラットデザインに合う色を見つけることができるWEBサービスです。

スポンサードリンク

フラットデザインとは

そもそもフラットデザインって何？という話ですが、グラデーションとか質感のあるテクスチャを使わない、いわゆるベタ塗りの色を使ったデザインのことです。

アイコンなんかも平面的に描かれたものを使うので、全体に立体感がないのが特徴です。擬音だと「ぬるっ」がフラットデザインだと思ってますが、いかがでしょうか。

フラットデザインの詳細については、以下の記事が参考になります。

1. Flat UI Colorsにアクセスします。
2. カラーコードの形式を選択します。

3. カラーパレットから気に入った色をクリックします。

カラーパレットをクリックすると、クリックした色のカラーコードがクリップボードにコピーされますので、CSS などに貼り付けて使いましょう。

色数はそんなに多くありませんが、フラットデザインに合う典型的な色を見つけることができます。

デザインのヒントとして使えそうですね。フラットデザインにチャレンジしてみようと思っている方はぜひ。