ネットで簡単☆ お小遣いをもらっちゃう方法を一緒に勉強しましょう♪
--/--/--(--)--:--
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。


2009/04/24(金)11:06
ホームページやブログを作る時に、知っていなくても困らないけど、
知っていれば何かと使える小技を紹介します。



○自分の使いたい色を使う小技
 
 はい。
 タイトル見ただけじゃ「何のこっちゃ??」ですね。
 
 みなさん、例えば文字の色を変えたり、
 HTMLタグで線を引いたりする時に(↓こうゆうの↓)

 色を自分で指定しなきゃいけない時ってありますよね?
 これから紹介する小技を使えば、自分が使いたい好きな色を使うことができます。

 僕のブログは青っぽい色が目立ちますが、これって青じゃないですよね。
 こうゆう微妙な色を好きなように使えるようになるんです。
 
 もちろん無料で、簡単にできます。
 
 ・必要なソフト
  Windows付属の「ペイント」
  Windows付属の「電卓」、または関数電卓
  Windows付属の「メモ帳」、または 紙とペン ←無くても困りません。
    では、僕のブログを例に手順を説明します。
 僕のブログで使われている青っぽい色を取得します。
 以降の説明で、キーボードを操作しますが、
 ○○キー + ○○キーという表記は、○○キーを押しながら、という意味です。
 
 【1】画面をコピーします
   まず、ペイントを開き、使いたい色が表示されている画面を出してください。
   (今回は僕の青っぽい色を出すので、僕のブログを表示しておきます)

   お使いのパソコンによって微妙に違うかも知れませんが、
   恐らく Alt + PrtSc (プリントスクリーンという意味です)
   ノートPCによっては Fn + PrtSc キー押すかも...
   
   ちなみに、Alt + PrtSc は現在アクティブなウインドウのスクリーンショットを撮ります。
   Ctrl + Alt + PrtSc と押すとパソコンの画面全体のスクリーンショットを撮ります。
   覚えておくと便利です。
   
   さて、次はペイントの画面を表示し、
   Ctrl + v と押してください。
   
   画面に先ほどスクリーンショットを撮った画面が表示されましたね?
   
   
 
 【2】色を取得
   はい、さっさと色を採っちゃいましょう。
   ペイントの左のツールバーで、スポイトの様なアイコンがありますよね?
   ※無い場合は、メニュー → 表示 で「ツールボックス」にチェックを入れてください。
    Ctrl + t で一発かも。
    
   上の画像ではムシメガネの左にあります。
   これを選択してください。
   
   選択したら、欲しい色の所にカーソルを持っていき、左クリックです。
   すると、左下にの色選択の所の色が先ほどスポイトで選択した色になりましたよね?
   ※カラーボックスが表示されていない場合は、先ほどと同様、
    メニュー → 表示 で「カラーボックス」にチェックを入れてください。
    Ctrl + l で表示できるかも。
    
   ここまで問題なく来たら、次は色のRGB値を取得します。
   ※RGBとは Red、Green、Blueのそれぞれの値です
   
   メニュー → 色 → 色の編集 と選択してください。
   新しいウインドウが表示されましたよね?
   そこから「色の作成」というボタンをクリックしてください。
   
   
   
   画像の右下のほうに、赤、緑、青とあり、数字が書いてありますね。
   これが僕が今回取得した青っぽい色のRGB値です。
   
   僕の青っぽい色は、赤:205、緑:229、青:244だそうです。
   この値を元に色を作っていきますので、この画面は閉じないでください。
   ※メモを取っておけば閉じても構いません。
   
   さて、よく文字の色とか決めるときに
   < font size = "5" color = #CDE5F4 >って書きますよね。
   HTMLタグっていうものです。
   ここの、"color"が今回のメインです。
   
   一見、この意味不明なアルファベットと数字の組み合わせですが
   ちゃんと意味があります。
   
   #CDE5F4 というのは、実は16進数なのです。
   16進数とは、コンピュータが分かりやすい数値です。
   
   で、CDE5F4というのを2文字ずつ分けましょう。
   CD、E5、F4というふうに。
   
   ここで電卓登場!
   
   スタート→すべてのプログラム→アクセサリ→電卓と選択し、
   電卓を起動してください。
   
   まず、あなたの電卓を関数電卓にグレードアップします。
   メニュー → 表示 で「関数電卓」にチェックしてください。
   グレードアップ終了です。
   ※Alt + v + s で一発グレードアップできます。
   
   では、関数電卓を手に入れたので、
   まずは、左いある16進、10進、8進...というボタンが
   10進にチェックされていることを確認してください。
   
   確認ができたら、先ほどペイントで表示した、
   赤、緑、青の値をそれぞれ入力しましょう。
   
   では、赤の値を入力します。
   赤は205でしたね。
   入力したら、左をボタンを10進→16進に切り替えてみましょう。
   "205"という数字が"CD"という値に変わりましたよね?
   
   同じ要領で緑と青もやってみてください。
   
   結果は以下のようになったでしょうか?

   赤:205→CD
   緑:229→E5
   青:244→F4

   それでは、赤、緑、青の順に、それぞれの値をつなげます。
   "CDE5F4"になりましたね。
   
   カンの良い人なら気づきましたかね。
   先ほど、< font size = "5" color = #CDE5F4 >
   と書いた "color = "の部分の数値と同じです。
   
   取得した値を使って線を引いてみました。
   僕のブログの青っぽい色と同じですよね?
   
  
   こんな感じで、使いたい色や欲しい色は簡単に使えるようになります。
   微妙な色を使いたくなったら是非、この手順を試してみてください。
   
   知らなくても困らないけど、知ってると使えるでしょ?






コメント
この記事へのコメント
こんにちは
なるほど!な技ですね。
色指定はたまに使いますが、
ネットで色見本を調べていました。

応援していきまーす。
2009/04/24(金) 12:49 | URL | hajimaru #-[ 編集]
seccoさん
こんばんわ。

わぁ~スゴイことができるんですね♪
小雪はパソコン全然わからないから、
とっても勉強になりましたぁ☆
2009/04/24(金) 20:13 | URL | 小雪 #-[ 編集]
こんばんは。
すごいですね!
ブログ開きながら出来るんですね!
PC知識の乏しい私にとって
大変勉強になりました^^

応援ポチッと♪
2009/04/24(金) 21:09 | URL | ananpapa #-[ 編集]
To:hajimaruさん
応援ありがとうございまーす^^

10進数→16進数の変換がメンドクサイですけどね^^;
電卓でやらなきゃですし。
ちょっと勉強してスクリプトみたいなの作ってみようかな。
2009/04/25(土) 09:43 | URL | secco #-[ 編集]
To:小雪さん
僕もパソコンわかんないですけど
こうゆう小技はけっこう持ってます^^
またサイト作りで使えそうなのあったら(思いついたら)
紹介していこうと思います。
2009/04/25(土) 09:44 | URL | secco #-[ 編集]
To:ananpapaさん
一回使うと、次に使う時があんまりない技ですが...^^;
使うときがあれば試して見てください^^
2009/04/25(土) 09:47 | URL | secco #-[ 編集]
こんにちは~

なるほど~
こういう小技は覚えておくと
便利ですよねぇ~(´∀`*)ポッ
確かに、色の調整って難しいし

(`・ω・´)♪
2009/04/25(土) 10:56 | URL | さすけのぺろ #-[ 編集]
To:さすけのぺろさん
こんにちわ~
自分の目で調整するとビミョーなズレは
絶対出ますからね。
この小技使えば1ミリもズレません♪
2009/04/25(土) 17:22 | URL | secco #-[ 編集]
seccoさん
こんばんわ。

小雪が尾崎豊さんを知った時も、
故人だったの。
尾崎豊さんの『シェリー』
小雪も大好きです♪
2009/04/25(土) 19:17 | URL | 小雪 #-[ 編集]
こんにちは~

微妙なズレっていやですよね(笑)
私も、これを早く覚えていれば
苦労する事もなかったのに(ノ∀`)アチャー

(`・ω・´)♪
2009/04/26(日) 11:05 | URL | さすけのぺろ #-[ 編集]
To:小雪さん
そうだったんですか。
シェリーを知ったきっかけは
尾崎豆です^^;
わかりますかねw
2009/04/27(月) 20:25 | URL | secco #-[ 編集]
To:さすけのぺろさん
人間の目じゃ微妙なズレは絶対なくせません^^;
次に色扱う時はどうぞ使ってみてください!w
2009/04/27(月) 20:26 | URL | secco #-[ 編集]
seccoさん
こんばんわ。

尾崎豆さんって替え歌で『学校へ行こう』にでてた人ですね。
なんとなくだけで知ってます。
背が小さくて面白い方かな?
2009/04/28(火) 00:54 | URL | 小雪 #-[ 編集]
管理人のみ閲覧できます
このコメントは管理人のみ閲覧できます
2009/04/28(火) 10:25 | | #[ 編集]
To:小雪さん
こんにちわ^^
そうです。
尾崎豆は昔「学校へ行こう」に出てました^^
自虐ネタでしたね。
2009/04/30(木) 13:22 | URL | secco #-[ 編集]
コメントを投稿する
URL:
Comment:
Pass:
秘密: 管理者にだけ表示を許可する
 
トラックバック
この記事のトラックバックURL
http://seccosecco.blog53.fc2.com/tb.php/56-c1ccc4af
この記事にトラックバックする(FC2ブログユーザー)
この記事へのトラックバック
ランキング参加中

seccoのブログは皆さんの
応援に支えられています。


ワンクリックで応援できます。
ポップアップをブロックしている場合、
正常に動作しません。
リンクをクリックしてください。

brog_ranking


TREview

カテゴリ

最新コメント

相互リンク

おすすめASP
Yahoo!ローグル

無料SEOツール

キーワードアドバイス
ツールプラス


URL

サイトタイトル

ディレクトリ登録
by ホームページ登録

サイトマップラス

サイトマップラス
Powered by SEO対策

アクセスアップ対策
アクセスカウンター




アクセスランキング

プロフィール

secco

Author:secco
ネットでお小遣い稼ぎの方法を勉強中です。

ブログ内検索

月別アーカイブ
ブログを書いて稼ごう
オススメ書籍

RSSリンクの表示
ブロとも申請フォーム
ブログランキング

コミュニティ


ブロガー(ブログ)交流空間 エディタコミュニティ

MindManager
 | seccoのブログで小遣い稼ぎTOPへ | 
Copyright © seccoのブログで小遣い稼ぎ All Rights Reserved.

Designed by DAIGO / Material by 素材くん「無料WEB素材屋」
レーシック
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。