WEB制作に役立つツール「ColorPicker」「Medir」(Windows)

2018/05/15 サイト制作 投稿者:前原

WEB制作を行う上で必要なものというと画像編集ソフトやテキストエディタ、FTPソフト等がありますが、今回はWEB制作に役立つ便利なツールを2つ紹介したいと思います。

レスポンシブ対応の為にブラウザのウィンドウサイズや、デザインを統一するためにWEB上の各要素の幅・高さ・余白の間隔、色などを知りたい時が沢山あります。

開発者ツールや画像編集ソフトで調べられますが、起動して調べる箇所を選択するのに結構手間がかかります。もっと手軽に調べたいものです。

そんな時に役立つのが、画面上スポイトツールと定規ツールです。

【ColorPicker】画面上のスポイトツール

ダウンロード
https://www.vector.co.jp/soft/dl/win95/art/se350616.html

フリーソフト。インストール不要でダウンロード後に解凍して起動するだけで、画面上どこからでも色を取得できます。デュアルモニターでも使えます。

5種類の形式でクリップボードに色を保存することが出来ます。
ルーペがあるので狙った場所を簡単に指定できます。

色取得後もプログラムは終了せず、システムに常駐している間は最後に選択した形式で取得できます。
常駐を終了する際は、タスクマネージャのカラーピッカーアイコンを右クリックで「終了」を選択してください。

・ショートカットキー
[Ctrl] + [Alt] + [Q] ・・・プログラムの常駐時にピッカーを起動します。
[Esc] または [Alt] + [F4] ・・・ピッカー起動時に色取得をキャンセルします。

【Medir】画面上のL字型定規ツール

ダウンロード
https://www.vector.co.jp/soft/win95/art/se319323.html

フリーソフト。インストール不要でダウンロード後に解凍して起動するだけで、画面上どこでもL字型定規でピクセル単位のサイズを測定できます。定規の長さも自由に変えられます。

メジャー上で右クリックするとメニューが開きます。
定規の回転や目盛りの位置・方向も変更できます。

照準アイコンをドラッグすると斜め方向の長さ・XY座標も測定できます。

右クリックメニューのコンソール表示で、目盛りの値や定規の色などの変更もできます。

まとめ

動作が軽く手軽に使えるこの2つのツールは大変重宝しており、開発者ツールや重い画像編集ソフトを起動し色や長さを調査するのと比べると、かなりの時間短縮になります。
古いソフトではありますが、私のWin10では問題なく使えています。これからもお世話になります。

他のスポイトツール・定規ツールも色々試してみましたが、私はこの2つが一番使いやすかったです。使ったことが無い方は是非一度試してみてください。

Windows 7 の延長サポート終了まで

days
3
9
6
hours
1
5
minutes
5
5
seconds
0
4

Office 2010 の延長サポート終了まで

days
6
6
9
hours
1
5
minutes
5
5
seconds
0
4

カレンダー

     12
3456789
10111213141516
17181920212223
24252627282930
31      
   1234
567891011
12131415161718
19202122232425
2627282930  
       
1234567
891011121314
15161718192021
22232425262728
293031    
       
     12
3456789
10111213141516
17181920212223
24252627282930
       
  12345
6789101112
13141516171819
20212223242526
2728293031  
       
      1
2345678
9101112131415
16171819202122
23242526272829
3031     
    123
45678910
11121314151617
18192021222324
252627282930 
       
 123456
78910111213
14151617181920
21222324252627
28293031   
       
      1
2345678
9101112131415
16171819202122
23242526272829
30      
   1234
567891011
12131415161718
19202122232425
262728293031 
       
   1234
567891011
12131415161718
19202122232425
262728    
       
1234567
891011121314
15161718192021
22232425262728
293031    
       
    123
45678910
11121314151617
18192021222324
25262728293031
       
  12345
6789101112
13141516171819
20212223242526
27282930   
       
      1
2345678
9101112131415
16171819202122
23242526272829
3031     
    123
45678910
11121314151617
18192021222324
252627282930 
       
 123456
78910111213
14151617181920
21222324252627
28293031   
       
     12
3456789
10111213141516
17181920212223
24252627282930
31      
   1234
567891011
12131415161718
19202122232425
2627282930  
       
1234567
891011121314
15161718192021
22232425262728
293031    
       
     12
3456789
10111213141516
17181920212223
24252627282930
       
  12345
6789101112
13141516171819
20212223242526
2728     
       
      1
2345678
9101112131415
16171819202122
23242526272829
3031     
   1234
567891011
12131415161718
19202122232425
262728293031 
       
 123456
78910111213
14151617181920
21222324252627
282930    
       
1234567
891011121314
15161718192021
22232425262728
293031    
       
    123
45678910
11121314151617
18192021222324
25262728293031
       
  12345
6789101112
13141516171819
20212223242526
27282930   
       
      1
2345678
9101112131415
16171819202122
23242526272829
3031     
    123
45678910
11121314151617
18192021222324
252627282930 
       
 123456
78910111213
14151617181920
21222324252627
28293031   
       
1234567
891011121314
15161718192021
22232425262728
29      
       
    123
45678910
11121314151617
18192021222324
25262728293031
       
 123456
78910111213
14151617181920
21222324252627
28293031   
       
      1
2345678
9101112131415
16171819202122
23242526272829
30      
   1234
567891011
12131415161718
19202122232425
262728293031 
       
 123456
78910111213
14151617181920
21222324252627
282930    
       
    123
45678910
11121314151617
18192021222324
25262728293031
       
  12345
6789101112
13141516171819
20212223242526
27282930   
       
      1
2345678
9101112131415
16171819202122
23242526272829
3031     
      1
2345678
9101112131415
16171819202122
232425262728 
       
   1234
567891011
12131415161718
19202122232425
262728293031 
       
1234567
891011121314
15161718192021
22232425262728
293031    
       
     12
3456789
10111213141516
17181920212223
24252627282930
       
  12345
6789101112
13141516171819
20212223242526
2728293031  
       
1234567
891011121314
15161718192021
22232425262728
2930     
       
    123
45678910
11121314151617
18192021222324
25262728293031
       
 123456
78910111213
14151617181920
21222324252627
28293031   
       
      1
2345678
9101112131415
16171819202122
23242526272829
30      
   1234
567891011
12131415161718
19202122232425
262728293031 
       
 123456
78910111213
14151617181920
21222324252627
282930    
       
     12
3456789
10111213141516
17181920212223
2425262728  
       
  12345
6789101112
13141516171819
20212223242526
2728293031  
       
      1
2345678
9101112131415
16171819202122
23242526272829
3031     
    123
45678910
11121314151617
18192021222324
252627282930 
       
 123456
78910111213
14151617181920
21222324252627
28293031   
       
      1
2345678
9101112131415
16171819202122
23242526272829
30      
   1234
567891011
12131415161718
19202122232425
262728293031 
       
1234567
891011121314
15161718192021
22232425262728
293031    
       

カテゴリー

群馬データセンター
群馬の法人ITサポートサービス Wide Net[ワイドネット]
ワイドオフィス
イヤホンのブランドでハイクラスを誇る | n+um(エニューム)