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

    ノイズを入れた画像を作ることができる「NoisePNG」の使い方

    ノイズを入れた画像を作ることができる「NoisePNG」を使ってみまし…

  2. Load Info - gif generator

    Web Service

    ローディング中に表示させるアニメーションGIFを作成できるジェネレーター「 Load Info &#…

    ローディング中に表示させるアニメーションGIFを手軽に作成することがで…

  3. Web Service

    iPhoneで人気のメールクライアント「Sparrow」を使ってみたのでメール設定など色々

    iPhone版のメールクライアント「Sparrow」を使ってみました。…

  4. Web Service

    テキストのCSSを手軽に設定できる「CSS Type Set」

    ちょっと確認したい時なんかによさそうですね。フォントやフォンサイズなど…

  5. Web Service

    CSSでBorder Radiusだけのコードを生成してくれるジェネレーター「CSS Border …

    CSSでBorder Radiusだけのコードを生成してくれるジェネレ…

  6. Web Service

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

    最近ではレスポンシブWebデザインなどで文字サイズにemを使う機会も増…

最近の記事

  1. Aモーニングセット
  2. 白トリュフの塩パンやメロンパンなど
  3. 東京都現代美術館
  4. スーリア バターチキン
  5. そそそ 明太クリームそうめん

アーカイブ

PAGE TOP