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. Streaksで特定の曜日をスキップ

    Web Service

    継続日数をカウントできるiPhoneアプリ「Streaks」で特定の曜日をスキップさせるやり方

    普段、何か継続・習慣化させたい事がある場合にはiPhoneアプリの「S…

  2. Web Service

    色々なブランドカラーの値を知ることができる「BrandColors」

    ちょっとした参考になりそうだったのでメモがてらご紹介します。色々なブラ…

  3. Web Service

    サクっと簡単にクールなロゴを作成することができる「GraphicSprings」

    こういうサイトのおかげで誰でも簡単にプロが作ったようなロゴを作成するこ…

  4. Rounded corner generator

    Web Service

    CSS3の角丸を直感的な操作で作成できるジェネレーター「Rounded corner generat…

    CSS3を使って角丸を作成したい時に役立つジェネレーター「Rounde…

  5. Web Service

    Google マップの地図の埋め込みをするやり方

    以前までGoogle マップの地図をサイト内に埋め込むには歯車アイコン…

最近の記事

  1. タリーズ ハムチーズ&サラダサンド
  2. クリニカのY字タイプのフロス
  3. 日和山公園の桜
  4. 成城石井 フレンチロースト
  5. COMOLI カシミアシルクニットパーカ

アーカイブ

PAGE TOP