Web Service

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

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

[ads_center]

ColRDを使ってみる

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

単色系カラー

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

複数色カラー

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

色の値を取得

グラデーションや。

グラデーション

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

背景パターン

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

【お知らせ】

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

関連記事

  1. Web Service

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

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

  2. Web Service

    マウスを動かすことで自分の好きな色を見つけることができる「Piknik Color Picker」

    とてもお洒落でシンプルなカラーピッカー「Piknik Color Pi…

  3. Responsive Design Bookmarklet

    Web Service

    レスポンシブなデザインを瞬時に確認する為のブックマークレット「Responsive Design B…

    シンプルですが、かなり便利なブックマークレットを見つけたのでご紹介しま…

  4. CSS3 Box Shadow Generator
  5. Web Service

    MacのReederで画面右上にRead It LaterとTwitterのアイコンを表示させるやり…

    MacのReederがとても快適なのでちょくちょく使っているんですが、…

  6. Chrome拡張機能「PageSpeed Insights」

    Web Service

    「PageSpeed Insights」のChrome拡張機能があったのでインストールしてみた

    以前ご紹介したWebサイトを高速化するためのGoogleツール「Pag…

コメント

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

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

最近の記事

  1. CHA-SAJI
  2. SLE-19P
  3. Soundcore Ace A0
  4. Fire 7 タブレット

アーカイブ

PAGE TOP