Web Service

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

とてもお洒落でシンプルなカラーピッカー「Piknik Color Picker」を使ってみました。画面上でマウスを動かすことによって滑らかに色が切り替わっていきます。どの色もとても美しくて素敵です。気に入った色を見つけたらその色の値をコピーすることができます。値は rgb、hex、hsl から選ぶことができます。ということで以下使い方です。

[ads_center]

使い方

マウスを動かすだけで色が滑らかに切り替わってきます。

Piknik Color Pickerの色01

どの色もとても素敵です。

Piknik Color Pickerの色02

自分の気に入った色が見つかったらその場所でクリックすると、その色が画面に固定されます。解除したい場合はもう一度クリックすればOKです。

好きな色を固定

あとは下にあるカラー値をクリックするだけでその値がコピーされます。便利ですね!

カラー値をコピー

こんな感じで使い方もとてもシンプルで直感的に色を選ぶことができるのでいいですね。以下からご利用できます。

ノイズを入れた画像を作ることができる「NoisePNG」の使い方前のページ

CSSでBorder Radiusだけのコードを生成してくれるジェネレーター「CSS Border Radius Generator」次のページ

関連記事

  1. Web Service

    文字はいらない!Webサイトを画像だけで楽しむことができるブックマークレット「Wordless We…

    おもしろいブックマークレットがあったのでご紹介します。Webサイト上に…

  2. Web Service

    ノイズを入れた画像を作ることができる「NoisePNG」の使い方

    ノイズを入れた画像を作ることができる「NoisePNG」を使ってみまし…

  3. Web Service

    iPhoneで人気のメールクライアント「Sparrow」を使ってみたのでメール設定など色々

    iPhone版のメールクライアント「Sparrow」を使ってみました。…

  4. ツイッターへの画像・動画の載せ方

    Web Service

    ツイッターへの画像・動画の載せ方(添付方法)について

    ツイッターでつぶやくときに、ただ文章のみをつぶやくだけではなく画像や動…

  5. Web Service

    WebサイトのタイトルとURLを簡単に取得できて自分用HTMLリンクも作成できるChrome拡張機能…

    現在見ているWebサイトのタイトルとURLを簡単に取得できたり、自分用…

  6. Sticky Notes

    Web Service

    付箋にメモを書いて画面内に複数追加できるChrome拡張機能「Sticky Notes」

    とても便利なChrome拡張機能を見つけたのでご紹介します。画面内にメ…

コメント

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

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

最近の記事

  1. Anker PowerExpand 8-in-1 USB-C PD 10Gbps データ ハブ
  2. SAP-001
  3. OWL-QI10W2Q18W
  4. アースクーラー3WAY

アーカイブ

PAGE TOP