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

    サイトのアイコン(ファビコン)を作成できるエディタ「X-Icon Editor」

    サイトのアイコン(ファビコン)を簡単に作成できるエディタ「X-Icon…

  2. Spotifyでクロスフェードさせる設定方法

    Web Service

    Spotifyで曲と曲の境目をDJっぽくクロスフェードさせる設定方法

    最近よくSpotifyで音楽を聴いています。あまりにも便利なのでプレミ…

  3. placekitten

    Web Service

    Webサイト作成時に可愛い猫のダミー画像を用意してくれる「placekitten」

    とても素敵なWebサービスがあったのでご紹介します。Webサイトを作成…

  4. Web Service

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

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

  5. CSS Button Generator

    Web Service

    シンプルでお洒落なCSSボタンを作成できる「CSS Button Generator」

    とても良さそうだったので使ってみました。シンプルでお洒落なCSSボタン…

  6. Web Service

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

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

最近の記事

  1. SRS-XB43
  2. Nu:kin
  3. フィールグッドシャワー

アーカイブ

PAGE TOP