<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
		xmlns:xhtml="http://www.w3.org/1999/xhtml"
>

<channel>
	<title>VIVABlog &#187; サイトの配色・色彩</title>
	<atom:link href="http://vivablog.net/category/webtool/color/feed/" rel="self" type="application/rss+xml" />
	<link>http://vivablog.net</link>
	<description>WordPressやMovableTypeのカスタマイズ、無料ブログやWebサイトの制作・運営に役立つ情報、アイコン、cssテンプレート、ブログパーツ、スクリプトなどを紹介していきます。</description>
	<lastBuildDate>Fri, 20 Apr 2012 11:00:14 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://vivablog.net/category/webtool/color/feed/" />
		<item>
		<title>WIndows用のカラーピッカー「ColorMania」</title>
		<link>http://vivablog.net/webtool/color/kiji565/</link>
		<comments>http://vivablog.net/webtool/color/kiji565/#comments</comments>
		<pubDate>Sat, 13 Feb 2010 16:00:51 +0000</pubDate>
		<dc:creator>vivablog</dc:creator>
				<category><![CDATA[サイトの配色・色彩]]></category>
		<category><![CDATA[Win]]></category>
		<category><![CDATA[Windows]]></category>
		<category><![CDATA[オススメ]]></category>
		<category><![CDATA[カラーピッカー]]></category>
		<category><![CDATA[スポイト]]></category>
		<category><![CDATA[ツール]]></category>
		<category><![CDATA[フリーウェア]]></category>

		<guid isPermaLink="false">http://vivablog.net/webtool/color/kiji565/</guid>
		<description><![CDATA[Windowsで使えるカラーピッカー「ColorMania」は、フリーソフトでありながらもなかなか多機能で、カラーの生成、生成したカラーパレットの保存、カラーでのフォントの見え方チェック等が行え、デザインもまとまっていて [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://vivablog.net/wp-content/uploads/2010/02/colormania.png" width="420" height="265" alt="colormania.png" /></p>
<p>Windowsで使えるカラーピッカー「ColorMania」は、フリーソフトでありながらもなかなか多機能で、カラーの生成、生成したカラーパレットの保存、カラーでのフォントの見え方チェック等が行え、デザインもまとまっていて使いやすくてオススメです。</p>
<p>スポイトツールは、クリックしたままで対象までドラッグして使います。</p>
<p>[ <a href="http://www.blacksunsoftware.com/colormania.html" rel="nofollow" target="_blank">ColorMania</a> ]</p>
<img src="http://vivablog.net/?ak_action=api_record_view&id=565&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://vivablog.net/webtool/color/kiji565/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://vivablog.net/webtool/color/kiji565/" />
	</item>
		<item>
		<title>Adobe AIRでカラーパレットやGoogle Analytics</title>
		<link>http://vivablog.net/google/kiji425/</link>
		<comments>http://vivablog.net/google/kiji425/#comments</comments>
		<pubDate>Mon, 07 Apr 2008 08:17:24 +0000</pubDate>
		<dc:creator>vivablog</dc:creator>
				<category><![CDATA[Google活用]]></category>
		<category><![CDATA[Web制作の便利ツール]]></category>
		<category><![CDATA[サイトの配色・色彩]]></category>
		<category><![CDATA[AdobeAIR]]></category>
		<category><![CDATA[Google Analytics]]></category>
		<category><![CDATA[QRコード]]></category>
		<category><![CDATA[アクセス解析]]></category>
		<category><![CDATA[カラーコード]]></category>
		<category><![CDATA[カラーパレット]]></category>
		<category><![CDATA[管理]]></category>
		<category><![CDATA[色見本]]></category>

		<guid isPermaLink="false">http://vivablog.net/webtool/kiji425/</guid>
		<description><![CDATA[Adobe &#8211; Adobe AIR まずはAdobe AIRランタイムをインストールします。クロスプラットフォームなのでWinとMacどちらでも使えます。 Color Browser COLOURlovers [...]]]></description>
			<content:encoded><![CDATA[<ul>
<li><a href="http://www.adobe.com/jp/products/air/" rel="nofollow" target="_blank">Adobe &#8211; Adobe AIR</a></li>
</ul>
<p>まずはAdobe AIRランタイムをインストールします。クロスプラットフォームなのでWinとMacどちらでも使えます。</p>
<p>
<img src="http://vivablog.net/wp-content/uploads/colorbro1.png" width="400" height="246" alt="colorbro1.png" /><br />
<a href="http://www.adobe.com/cfusion/exchange/index.cfm?event=extensionDetail&amp;loc=en_us&amp;extid=1315018" rel="nofollow" target="_blank">Color Browser</a></p>
<p><a href="http://www.colourlovers.com/" rel="nofollow" target="_blank">COLOURlovers</a>や<a href="http://kuler.adobe.com/" rel="nofollow" target="_blank">kuler</a>からダウンロードしたase形式のカラーパレットを確認できるビューワー。.aseをドラッグ&amp;ドロップで登録できるが、一括登録ができないので若干めんどくさい。（カラーパレットのダウンロードは要会員登録）</p>
<p><span id="more-425"></span></p>
<p><img src="http://vivablog.net/wp-content/uploads/colorbair1.png" width="400" height="511" alt="colorbair1.png" /></p>
<p><a href="http://www.adobe.com/cfusion/exchange/index.cfm?event=extensionDetail&amp;loc=en_us&amp;extid=1468018" rel="nofollow" target="_blank">COLOURlovers Desktop Color Finder</a></p>
<p><a href="http://www.colourlovers.com/" rel="nofollow" target="_blank">COLOURlovers</a>のカラーパレットなどを検索できるウィジェット。これだけでカラーコードが確認できると便利だったんだけど、サイトに飛ばされる。同じような物で<a href="http://www.adobe.com/cfusion/exchange/index.cfm?event=extensionDetail&amp;loc=en_us&amp;extid=1429018" rel="nofollow" target="_blank">kuler desktop</a>がある。</p>
<p><img src="http://vivablog.net/wp-content/uploads/qrcode.png" width="400" height="432" alt="qrcode.png" /><br />
<a href="http://www.adobe.com/cfusion/exchange/index.cfm?event=extensionDetail&amp;loc=en_us&amp;extid=1399518" rel="nofollow" target="_blank">QR Code generator</a></p>
<p>QRコードを作れる。</p>
<p>
<img src="http://vivablog.net/wp-content/uploads/airanal.png" width="400" height="288" alt="airanal.png" /><br />
<a href="http://www.aboutnico.be/index.php/google-analytics-air-beta-sign-up/" rel="nofollow" target="_blank">Google Analytics AIR beta</a></p>
<p>Google Analにフルアクセスできる管理ツール。</p>
<blockquote>
<p>現在はAdobeとGoogleの両社がこのプロジェクトに関わっているとも言っていた。Adobeは同社のShowcaseプログラムにこのアプリケーションを入れ、Googleのプロダクトマネージャーとエンジニアは、Nicoにフィードバックすると共に、セキュリティを高める協力をしている。(<a href="http://jp.techcrunch.com/archives/google-analytics-in-air-thats-what-im-talking-about/" rel="nofollow" target="_blank">AIR版、Google Analytics―これだよ、これ</a>)</p>
</blockquote>
<img src="http://vivablog.net/?ak_action=api_record_view&id=425&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://vivablog.net/google/kiji425/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://vivablog.net/google/kiji425/" />
	</item>
		<item>
		<title>テクノラティ上位ブログのカラー</title>
		<link>http://vivablog.net/webtool/color/kiji263/</link>
		<comments>http://vivablog.net/webtool/color/kiji263/#comments</comments>
		<pubDate>Thu, 10 May 2007 06:10:32 +0000</pubDate>
		<dc:creator>vivablog</dc:creator>
				<category><![CDATA[サイトの配色・色彩]]></category>
		<category><![CDATA[カラーリング]]></category>
		<category><![CDATA[有名ブログ]]></category>
		<category><![CDATA[配色]]></category>

		<guid isPermaLink="false">http://vivablog.net/webtool/color/kiji263/</guid>
		<description><![CDATA[Technoratiの「代表的なブログtop20」にランクインした有名ブログのカラー構成をリストアップしているエントリーがあります。 これらのブログは、サイトカラーだけで人気になったわけではないですが、カラーをちょっとマ [...]]]></description>
			<content:encoded><![CDATA[<p><img src='http://vivablog.net/wp-content/uploads/2007/05/blogcolor.png' alt='blogcolor.png' /><br />
Technoratiの「代表的なブログtop20」にランクインした有名ブログのカラー構成をリストアップしているエントリーがあります。</p>
<p>これらのブログは、サイトカラーだけで人気になったわけではないですが、カラーをちょっとマネてみると御利益？があるかも。</p>
<p>[ <a rel="nofollow" href="http://www.designmeltdown.com/chapters/ColorReview/" title="Design Meltdown § Top 20 Most Popular Blog Colors" target="_blank">Design Meltdown § Top 20 Most Popular Blog Colors</a> ]</p>
<img src="http://vivablog.net/?ak_action=api_record_view&id=263&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://vivablog.net/webtool/color/kiji263/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://vivablog.net/webtool/color/kiji263/" />
	</item>
		<item>
		<title>色が表す自分の主張</title>
		<link>http://vivablog.net/webtool/color/kiji250/</link>
		<comments>http://vivablog.net/webtool/color/kiji250/#comments</comments>
		<pubDate>Wed, 25 Apr 2007 10:33:54 +0000</pubDate>
		<dc:creator>vivablog</dc:creator>
				<category><![CDATA[サイトの配色・色彩]]></category>
		<category><![CDATA[カラー]]></category>
		<category><![CDATA[サイト配色]]></category>
		<category><![CDATA[色彩]]></category>

		<guid isPermaLink="false">http://vivablog.net/webtool/color/kiji250/</guid>
		<description><![CDATA[色の秘密―最新色彩学入門から、色が表す無意識の主張です。この本では、普段着ている服の色についてのものですが、自分のサイトに置き換えてみても面白いかも知れません。 結構当たっているかも？ 赤 = 私を見て下さい！心身ともに [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.amazon.co.jp/exec/obidos/ASIN/4167660903/hajimerukaiga-22/ref=nosim/" name="amazletlink" target="_blank">色の秘密―最新色彩学入門</a>から、色が表す無意識の主張です。この本では、普段着ている服の色についてのものですが、自分のサイトに置き換えてみても面白いかも知れません。</p>
<p>結構当たっているかも？</p>
<p><span id="more-250"></span></p>
<ul>
<li><strong>赤</strong> = 私を見て下さい！心身ともに元気です。</li>
<li><strong>ピンク</strong> = 愛したい、愛されたい、人の世話をしたい。</li>
<li><strong>橙</strong> = 心の準備も大丈夫！目標を達成したい。</li>
<li><strong>黄</strong> = コミュニケートしましょう。参加したい。</li>
<li><strong>緑</strong> = 病気や貧困を相談して下さい。お役に立ちたい。</li>
<li><strong>明るい青</strong> = 私には分析力があります。</li>
<li><strong>濃い青</strong> = 私は長たる人物ないし意志決定者になりたい。</li>
<li><strong>藤</strong> = 私は非常に直観力がありますがいつも励ましが必要です。</li>
<li><strong>茶</strong> = 私は良く働き自分の仕事が好きです。</li>
<li><strong>黒</strong> = 命令しないで！私が一番分かってます。</li>
<li><strong>白</strong> = 一人で生きたい。人ごみの中でも自分の宇宙が欲しい。</li>
<li><strong>灰</strong> = 言ってる事は分かります。でも関わりたくない。</li>
<li><strong>銀</strong> = ロマンチックです。自分が優れていると思いたい。</li>
<li><strong>金</strong> = 金も権力も欲しい。トップにも君臨したい。</li>
</ul>
<p><a class="item url" href="http://www.amazon.co.jp/exec/obidos/ASIN/4167660903/hajimerukaiga-22/ref=nosim/"><img src="http://ec1.images-amazon.com/images/P/4167660903.01._SCMZZZZZZZ_V46793560_.jpg" alt="photo" class="photo" style="float:left; margin: 0 15px 10px 10px; padding: 0;border:none;" /></a>
<dl style="margin-bottom:0.5em; text-align:left; min-height: 168px;font-size:12px;line-height:16px;">
<dt class="fn"><a class="item url" href="http://www.amazon.co.jp/exec/obidos/ASIN/4167660903/hajimerukaiga-22/ref=nosim/">色の秘密―最新色彩学入門</a></dt>
<dd>野村 順一 </dd>
<dd>文芸春秋 2005-07</dd>
</dl>
<img src="http://vivablog.net/?ak_action=api_record_view&id=250&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://vivablog.net/webtool/color/kiji250/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://vivablog.net/webtool/color/kiji250/" />
	</item>
		<item>
		<title>色の与える心理的影響</title>
		<link>http://vivablog.net/webtool/color/kiji238/</link>
		<comments>http://vivablog.net/webtool/color/kiji238/#comments</comments>
		<pubDate>Wed, 25 Apr 2007 10:13:19 +0000</pubDate>
		<dc:creator>vivablog</dc:creator>
				<category><![CDATA[サイトの配色・色彩]]></category>
		<category><![CDATA[カラーテラピー]]></category>
		<category><![CDATA[サイトの配色]]></category>
		<category><![CDATA[心理的効果]]></category>
		<category><![CDATA[色]]></category>
		<category><![CDATA[色彩]]></category>

		<guid isPermaLink="false">http://vivablog.net/webtool/color/kiji238/</guid>
		<description><![CDATA[以下は、色が無意識に人に与える心理的効果として一般的なものです。 主に家具などを対象にしているようですが、勉強系のサイトでは集中力の高める青色系統を用いるなど、webサイトの配色としても参考になるかもしれません。 赤色  [...]]]></description>
			<content:encoded><![CDATA[<p>以下は、色が無意識に人に与える心理的効果として一般的なものです。<br />
主に家具などを対象にしているようですが、勉強系のサイトでは集中力の高める青色系統を用いるなど、webサイトの配色としても参考になるかもしれません。</p>
<p><span id="more-238"></span></p>
<p><img src='http://vivablog.net/wp-content/uploads/2007/04/aka.png' alt='aka.png' /><br />
<strong>赤色</strong>
<ul>
<li>気分を高揚させる。</li>
<li>（果実・肉）食欲を刺激する。</li>
<li>前向きな気分になる。</li>
<li>時間経過が早く感じる。</li>
</ul>
<p><img src='http://vivablog.net/wp-content/uploads/2007/04/ao.png' alt='ao.png' /><br />
<strong>青色</strong>
<ul>
<li>集中力を高める。</li>
<li>血圧、脈拍を落ち着かせる。</li>
<li>食欲を減退させる。</li>
<li>時間経過が遅く感じる。</li>
</ul>
<p><img src='http://vivablog.net/wp-content/uploads/2007/04/orange.png' alt='オレンジ色' /><br />
<strong>オレンジ色</strong>
<ul>
<li>（果実）食欲を増進させる。</li>
<li>陽気になる。</li>
</ul>
<p><img src='http://vivablog.net/wp-content/uploads/2007/04/kiiro.png' alt='kiiro.png' /><br />
<strong>黄色</strong>
<ul>
<li>便秘に効果がある。</li>
<li>注意を喚起する。</li>
<li>記憶力を高める。</li>
</ul>
<p><img src='http://vivablog.net/wp-content/uploads/2007/04/midori.png' alt='緑色' /><br />
<strong>緑色</strong>
<ul>
<li>リラックスさせる。</li>
<li>知識欲を高める。</li>
<li>目に優しい。（アイレスト・グリーン）</li>
</ul>
<p><img src='http://vivablog.net/wp-content/uploads/2007/04/murasaki.png' alt='murasaki.png' /><br />
<strong>紫色</strong>
<ul>
<li>ストレスの緩和。</li>
<li>神秘的。</li>
<li>想像力を高める。</li>
</ul>
<p><img src='http://vivablog.net/wp-content/uploads/2007/04/pink.png' alt='pink.png' /><br />
<strong>ピンク</strong>
<ul>
<li>安らぎを与え、緊張をやわらげる。</li>
<li>老化防止。</li>
<li>女性ホルモンの分泌を促進。</li>
<li>円満な気持ちになる。</li>
</ul>
<p><img src='http://vivablog.net/wp-content/uploads/2007/04/tyairo.png' alt='tyairo.png' /><br />
<strong>茶色</strong>
<ul>
<li>気分を落ち着かせる。</li>
<li>誠実、責任感。</li>
</ul>
<p><img src='http://vivablog.net/wp-content/uploads/2007/04/haiiro.png' alt='haiiro.png' /><br />
<strong>灰色</strong>
<ul>
<li>個性を消して、平凡にする。</li>
</ul>
<p><img src='http://vivablog.net/wp-content/uploads/2007/04/kuro.png' alt='kuro.png' /><br />
<strong>黒色</strong>
<ul>
<li>自己主張を強化する。</li>
<li>自分の弱さを隠す。</li>
<li>他の色との相性はいいが、大量に使うと重く陰鬱な印象。</li>
</ul>
<img src="http://vivablog.net/?ak_action=api_record_view&id=238&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://vivablog.net/webtool/color/kiji238/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://vivablog.net/webtool/color/kiji238/" />
	</item>
		<item>
		<title>配色に役立ちそうなツール「ColorJack」</title>
		<link>http://vivablog.net/webtool/icon-webtool/kiji214/</link>
		<comments>http://vivablog.net/webtool/icon-webtool/kiji214/#comments</comments>
		<pubDate>Wed, 04 Apr 2007 08:01:16 +0000</pubDate>
		<dc:creator>vivablog</dc:creator>
				<category><![CDATA[アイコン・ロゴ・画像素材]]></category>
		<category><![CDATA[サイトの配色・色彩]]></category>
		<category><![CDATA[webデザイン]]></category>
		<category><![CDATA[カラー]]></category>
		<category><![CDATA[ツール]]></category>
		<category><![CDATA[色見本]]></category>
		<category><![CDATA[配色]]></category>

		<guid isPermaLink="false">http://vivablog.net/webtool/icon/kiji214/</guid>
		<description><![CDATA[球体部分のアイコンをマウスで動かして、様々な色を探せるツール。 機能的にはColorBlender.comと同じですが、こちらの方が直感的でゴージャス。 上部のフォームでWebsafe（セーフカラー）にすれば、サイトの配 [...]]]></description>
			<content:encoded><![CDATA[<p><img src='http://vivablog.net/wp-content/uploads/2007/04/colorjack.png' alt='colorjack.png' /><br />
球体部分のアイコンをマウスで動かして、様々な色を探せるツール。<br />
機能的には<a rel="nofollow" href="http://colorblender.com/index.asp" title="ColorBlender.com | Your free online color matching toolbox" target="_blank">ColorBlender.com</a>と同じですが、こちらの方が直感的でゴージャス。</p>
<p>上部のフォームでWebsafe（セーフカラー）にすれば、サイトの配色などを模索するときにも役に立ちそうです。</p>
<p>作った色は、illustratorの「.ai」やPhotoshopの「.act」として書き出しも可能。</p>
<p>[ <a rel="nofollow" href="http://www.colorjack.com/sphere/" title="ColorJack: Sphere (Color Theory Visualizer)" target="_blank">ColorJack: Sphere</a> ]</p>
<img src="http://vivablog.net/?ak_action=api_record_view&id=214&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://vivablog.net/webtool/icon-webtool/kiji214/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://vivablog.net/webtool/icon-webtool/kiji214/" />
	</item>
	</channel>
</rss>

