資料や広告を作成したりプロジェクトを立ち上げる際に頭を悩ませるのが配色です。どれだけ時間をかけて作成したものでも配色がバラバラだと途端に見にくいものになってしまします。そこで今回は配色が綺麗にパレットにまとめてあるサイト「Flat UI Colors」をご紹介します。人気のデザイン手法であるフラットデザインの配色が確認できて、カラーコードもコピーできるサービスです。
使い方
「Flat UI Colors」のサイトにアクセスします。
カラーパレットのサムネイルが複数表示されています。
サムネイルをクリックするとカラーパレットが表示されます。
パレットをクリックするとカラーコードをコピーすることができます。
カラーコードのフォーマットを変更するには画面上部の「Copy Format」をクリックします。
フォーマットは「HEX(#AA1923)」「HEX(AA1923)」「RGB(1,2,3)」「RGBA(1,2,3,0.4」)から選択することができます。
パレットは運営元と世界各国のデザイナーが協力して作成されており、全部で14種類用意されています。
日本のパレットはありませんが、アジアでは「Chinese Palette」があります。
ページの下部には各種SNSとの連携も用意されており、友人や同僚とシェアすることもできます。
以上、「Flat UI Colors」のご紹介でした。色数は多くはありませんが、フラットデザインの基本パターンは網羅されているので配色に困ることなくプレゼンやプロジェクトに利用できるかと思います。また、デザインのヒントとしても有効なものですので、ぜひ活用されてみてはいかがでしょうか。
特徴
類似のカラーコードを集めたサイトとして、「Flat UI Color Picker」があります。こちらは選択できる色数が101色と多く、赤・青・緑等の色味で絞り込む機能も搭載されています。
しかし、「Flat UI Colors」のようにワンクリックで数値をコピーする機能がなく、また数値の形式も2種類となっています。用途に応じて使い分けると良いでしょう。
サイト情報
Flat UI Colorsの口コミ
口コミを書く | |
関連アプリ
Webページからカラーコードを抽出できる「ColorZilla」
ベクター画像が作成できる「Inkscape」
GmailでCRMや既読確認ができる「Streak」
AIでロゴを自動生成できる「Brandmark」
カメラで写した物の名前がわかる「Aipoly Vision」
ドメインの名前の自動生成できる「Wordoid」
ファビコンが作成できる「Favicon Generator」
ブラウザで利用できるエディタ「StackEdit」
Webでマインドマップが描ける「Coggle」
オンラインで画像がデザインできる「Canva」
GUIDが自動生成できる「GUID生成ツール」
誰でも簡単にプロ並みの動画が作成できる「VideoProc」