[ 姉妹サイト ]
素材・ブログパーツなら
かっぱさんのWeb素材

[ PR ]

配色テストツール

カラーピッカーを用いた配色テスト用のツールです。
二重に囲われた領域に対して、背景色と文字色を指定して、見た目の確認を行うことができます。
指定した色は、16進数表記形式で表示されますので、コピー&ペーストでご使用いただけます。

配色テスト



ここが領域1となります。ここが領域1となります。ここが領域1となります。ここが領域1となります。ここが領域1となります。
ここが領域2となります。ここが領域2となります。ここが領域2となります。ここが領域2となります。ここが領域2となります。ここが領域2となります。ここが領域2となります。

周辺色

領域1背景色

領域1文字色

領域2背景色

領域2文字色

  • 変更したい部分の色付のテキストボックスをクリックしてください。
  • カラーピッカーが表示されます。
  • 確認したい色をスポイドで指定します。
  • カラーピッカーの[ OK ]ボタンを押してください。
  • 指定している部分の色が変更されます。

※本ツールは、HTML5.JP様が公開しておられる「カラーピッカー.js」を利用して作成されています。