Flat UI Colors

Web Service

フラットデザインに合う配色のカラーコードを取得できる「Flat UI Colors」

流行のフラットデザインに合う配色を集めたツール「Flat UI Colors」がとてもよさそうだったのでご紹介します。カラーコードも取得することができるので、フラットデザインを使用したWebサイトを作成する際にとても役立つツールです。どんな色が合うのか知りたい時にはチェックしておきたいですね。

[ads_center]

Flat UI Colorsの使い方

Flat UI Colors

Flat UI Colors

このように、フラットデザインに最適な色がまとまっています。使い方はとても簡単で、使いたい色をクリックするだけでカラーコードがコピーされます。

カラーコードを取得

値はHEXやRGBなどの形式で取得することができます。

ものすごい種類があるわけではありませんが、一通りの色は揃っているので、フラットデザインの配色で迷った際には見ておきたいツールです。

pxからemに文字サイズを変換してくれるツール「px-em」前のページ

シンプル・軽量・コンパクトなシェアボタンを実装できるjQueryプラグイン「Share Button」次のページ

関連記事

  1. Web Service

    話題のiPhoneのTODO管理アプリ「Clear」を使ってみた

    いくつかの記事で話題になっていたTODO管理アプリのClearがいつの…

  2. Web Service

    画像を指定すれば色の値を教えてくれるジェネレーター「Color Palette Generator」…

    便利そうだったので使ってみました。画像のURLを指定すれば、その画像に…

  3. Web Service

    Chromeで手軽に電卓を使いたい時に便利な拡張機能「Calculator」

    Chromeでネットを閲覧中にちょっとした計算をしたいといった時がある…

  4. Web Service

    2ちゃんねるまとめブログのまとめを手軽に見ることができるChrome拡張機能「2ちゃんねるまとめ」

    2ちゃんねるまとめブログのまとめをChrome画面から手軽に見る事がで…

  5. Web Service

    CSSで使えるカラーネームの一覧を見やすく表示してくれる「147 Colors」

    覚えておくと便利そうだったのでメモしときます。CSSでも使える147種…

  6. Web Service

    iPhoneでWikipediaを調べるためのアプリ「Wikiamo」が便利すぎる

    最近色々調べものをする機会が多くて、何かiPhoneで便利なアプリでも…

最近の記事

  1. WiMAX
  2. 甘柿
  3. 冬用のふとん
PAGE TOP