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. SimilarSites

    Web Service

    似ているサイトを検索して探してくれる「SimilarSites」

    ちょっと面白かったのでご紹介します。似ているサイトを検索して探してくれ…

  2. CSS Color Chart

    Web Service

    CSSのカラーネーム、HEX、RGBを1クリックでコピーできるカラーチャート「CSS Color C…

    CSS Color Chartがとても便利だったのでご紹介します。とて…

  3. Web Service

    指定した色を基準にグラデーションから好きな色を選択できる「0to255」

    指定した色を基準にしてグラデーションからその色より明るい(または暗い)…

  4. Web Service

    レスポンシブ制作に役立つiPhone・iPad・Macの表示確認ツール「Respondr」

    レスポンシブWebデザインを制作する上で役立つ表示確認ツール「Resp…

  5. Web Service

    コピペチェックツールに最適!テキスト比較でどこが違うか発見できる「difff《デュフフ》」

    これはコピペチェックツールとして最適ですね。2つの文章を比較してどこが…

  6. Web Service

    Macでシンプルなワードプロセッサ「Bean」をインストールしてみた

    結構シンプルで使いやすいMacのワードプロセッサを入れてみました。とて…

最近の記事

  1. 梅
  2. CAR-HLD12BK
  3. OWL-LPB6701LA

アーカイブ

PAGE TOP