Web Service

好きな色、パターン、グラデーション、背景画像などを探せる「ColRD」

好きな色、パターン、グラデーション、背景画像なんかを探すことができる「ColRD」がとても便利ですね。配色の参考になるので見ていて楽しいです。気に入った配色を見つけたら、その色の#HEX、RGB()、HSL()の値を取得することもできるのでCSSで使いたい場合なんかにも良さそうですね。

[ads_center]

ColRDを使ってみる

こちらは単色系のカラーです。

単色系カラー

複数の色を組み合わせています。

複数色カラー

目的のカラーを選択したら、右にある#CSSにマウスカーソルを合わせると色の値を知ることができます。

色の値を取得

グラデーションや。

グラデーション

背景パターンまでたくさんあります。ライセンスについては各ページで確認することができます。

背景パターン

ということで、配色やパターンの参考にいかがでしょうか。以下からご利用できます。

【お知らせ】

突然ですが、当ブログは明日から1週間程お休みします。

ドラッグしたテキストを音声で読み上げてくれるChrome拡張機能「SpeakIt!」を使ってみた前のページ

ニュースやお知らせなどに使えるティッカー「jQuery WebTicker」次のページ

関連記事

  1. Web Service

    CSSで簡単に三角形を作ってくれるChrome拡張機能「CSS三角形作成ツール」

    ちょっと面白かったのでご紹介します。Chromeの拡張機能で、CSSで…

  2. Web Service

    使い捨てメールアドレスが欲しい時に便利!2秒でフリーメールを取得することができる「Super Mai…

    使い捨てアドが欲しい時にとても便利ですね。たった2秒でフリーメールを取…

  3. placekitten

    Web Service

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

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

  4. Web Service

    Macでテキストをコピーした際にプレーンテキストにしてくれるアプリ「FormatMatch」

    Macでテキストなどをコピーしてエバノートなんかに貼り付けると余計な装…

  5. Web Service

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

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

  6. Web Service

    iPhoneでWebページ全体のスクリーンショットを一発で撮れるアプリ「Web Scroll Cap…

    iPhoneで今見ているWebページのスクリーンショットを撮る場合は「…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

  1. あらびきソーセージパイ
  2. REACH フロス
  3. MacBook AirとApple Watch
  4. エアリズムコットンタンクトップ
PAGE TOP