<?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/"
>
<channel>
<title>配色 | Qwerty.work</title>
<atom:link href="https://qwerty.work/blog2/archives/tag/%E9%85%8D%E8%89%B2/feed" rel="self" type="application/rss+xml" />
<link>https://qwerty.work/blog2</link>
<description>パソコンに関することをいろいろメモしています。</description>
<lastBuildDate>Thu, 11 Jul 2024 00:24:43 +0000</lastBuildDate>
<language>ja</language>
<sy:updatePeriod>
hourly </sy:updatePeriod>
<sy:updateFrequency>
1 </sy:updateFrequency>
<generator>https://wordpress.org/?v=6.8.1</generator>
<image>
<url>https://qwerty.work/wp/wp-content/uploads/2022/11/cropped-favicon_QwertyWork-32x32.png</url>
<title>配色 | Qwerty.work</title>
<link>https://qwerty.work/blog2</link>
<width>32</width>
<height>32</height>
</image>
<item>
<title>【Webデザイン】色の組み合わせを探せるAI配色ツール</title>
<link>https://qwerty.work/blog2/archives/878</link>
<dc:creator><![CDATA[postmaster]]></dc:creator>
<pubDate>Thu, 11 Jul 2024 00:23:20 +0000</pubDate>
<category><![CDATA[WEB]]></category>
<category><![CDATA[カラー]]></category>
<category><![CDATA[ヒント]]></category>
<category><![CDATA[色]]></category>
<category><![CDATA[配色]]></category>
<guid isPermaLink="false">https://qwerty.work/blog2/?p=878</guid>
<description><![CDATA[ホームページの制作で配色に困ったときに使えるサイトメモ。 目次 ColormindCOOLORSColor Huntその他 Colormind COOLORS Color Hunt その他]]></description>
<content:encoded><![CDATA[
<p>ホームページの制作で配色に困ったときに使えるサイトメモ。</p>
<div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-2" checked><label class="toc-title" for="toc-checkbox-2">目次</label>
<div class="toc-content">
<ol class="toc-list open"><li><a href="#toc1" tabindex="0">Colormind</a></li><li><a href="#toc2" tabindex="0">COOLORS</a></li><li><a href="#toc3" tabindex="0">Color Hunt</a></li><li><a href="#toc4" tabindex="0">その他</a></li></ol>
</div>
</div>
<h2 class="wp-block-heading"><span id="toc1">Colormind</span></h2>
<a rel="noopener" href="http://colormind.io" title="Colormind - the AI powered color palette generator" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img decoding="async" src="https://s.wordpress.com/mshots/v1/http%3A%2F%2Fcolormind.io?w=160&h=90" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">Colormind - the AI powered color palette generator</div><div class="blogcard-snippet external-blogcard-snippet">Generate color combinations in one click. Colormind creates cohesive color schemes using a deep neural net.</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img decoding="async" src="https://www.google.com/s2/favicons?domain=http://colormind.io" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">colormind.io</div></div></div></div></a>
<h2 class="wp-block-heading"><span id="toc2">COOLORS</span></h2>
<a rel="noopener" href="https://coolors.co" title="Coolors - The super fast color palettes generator!" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img decoding="async" src="https://coolors.co/assets/img/og_image.png" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">Coolors - The super fast color palettes generator!</div><div class="blogcard-snippet external-blogcard-snippet">Generate or browse beautiful color combinations for your designs.</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://coolors.co/" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">coolors.co</div></div></div></div></a>
<h2 class="wp-block-heading"><span id="toc3">Color Hunt</span></h2>
<a rel="noopener" href="https://colorhunt.co" title="Color Palettes for Designers and Artists - Color Hunt" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://colorhunt.co/img/color-hunt-og.png" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">Color Palettes for Designers and Artists - Color Hunt</div><div class="blogcard-snippet external-blogcard-snippet">Discover the newest hand-picked color palettes of Color Hunt. Get color inspiration for your design and art projects.</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://colorhunt.co/" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">colorhunt.co</div></div></div></div></a>
<h2 class="wp-block-heading"><span id="toc4">その他</span></h2>
<a rel="noopener" href="https://photoshopvip.net/155741" title="色はAIで決める、デザイナーが知っておきたいAI配色ツール10選" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://photoshopvip.net/wp-content/uploads/2024/02/color-magic-5.webp" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">色はAIで決める、デザイナーが知っておきたいAI配色ツール10選</div><div class="blogcard-snippet external-blogcard-snippet">デザインをするときに、頭を抱えがちな「配色どうしよう」問題。いかに手早くイメージに合った色を選べるかがカギになります。AIの力を借りれば誰でも簡単に、これだ！と感じる色に巡り会うことができます。</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://photoshopvip.net/155741" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">photoshopvip.net</div></div></div></div></a>
<a rel="noopener" href="https://kodocode.net/design-free-colorscheme" title="無料のWEB配色ツール9選！相性いい色の配色パターン組み合わせを自動生成！ | KodoCode" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://kodocode.net/wp-content/uploads/2023/02/design_free_colorscheme.jpg" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">無料のWEB配色ツール9選！相性いい色の配色パターン組み合わせを自動生成！ | KodoCode</div><div class="blogcard-snippet external-blogcard-snippet">色組み合わせや配色パターンで悩んでる？デザインの配色選びをお任せできるジェネレーターサービスまとめ。 デザインを考えていると配色に悩むことがありませんか？ 配色はデザインの統一感だ...</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://kodocode.net/design-free-colorscheme/" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">kodocode.net</div></div></div></div></a>
]]></content:encoded>
</item>
<item>
<title>YInMnブルー（インミンブルー）について</title>
<link>https://qwerty.work/blog2/archives/627</link>
<dc:creator><![CDATA[postmaster]]></dc:creator>
<pubDate>Thu, 16 Nov 2023 23:28:05 +0000</pubDate>
<category><![CDATA[Uncategorized]]></category>
<category><![CDATA[YInMnブルー]]></category>
<category><![CDATA[インミンブルー]]></category>
<category><![CDATA[カラーサンプル]]></category>
<category><![CDATA[参考カラー]]></category>
<category><![CDATA[色]]></category>
<category><![CDATA[配色]]></category>
<guid isPermaLink="false">https://qwerty.work/blog2/?p=627</guid>
<description><![CDATA[目次 この色を知ったきっかけYInMnブルーとは偶然の発見インミンブルーの特徴圧倒的な青さ環境への安全性色が変化する赤外線を反射するカラーコードインミンブルーが使われた製品グラフィックカード AMD Radeon この色 […]]]></description>
<content:encoded><![CDATA[
<div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-4" checked><label class="toc-title" for="toc-checkbox-4">目次</label>
<div class="toc-content">
<ol class="toc-list open"><li><a href="#toc1" tabindex="0">この色を知ったきっかけ</a></li><li><a href="#toc2" tabindex="0">YInMnブルーとは</a><ol><li><a href="#toc3" tabindex="0">偶然の発見</a></li></ol></li><li><a href="#toc4" tabindex="0">インミンブルーの特徴</a><ol><li><a href="#toc5" tabindex="0">圧倒的な青さ</a></li><li><a href="#toc6" tabindex="0">環境への安全性</a></li><li><a href="#toc7" tabindex="0">色が変化する</a></li><li><a href="#toc8" tabindex="0">赤外線を反射する</a></li></ol></li><li><a href="#toc9" tabindex="0">カラーコード</a></li><li><a href="#toc10" tabindex="0">インミンブルーが使われた製品</a><ol><li><a href="#toc11" tabindex="0">グラフィックカード AMD Radeon</a></li></ol></li></ol>
</div>
</div>
<h2 class="wp-block-heading"><span id="toc1">この色を知ったきっかけ</span></h2>
<p>エレクトロニクス関連のコーポレートサイトを制作にあたり、ブルー系の希望もあり、どのブルーにしようかと悩んでいたところ、ネットでこの色に出会いました。新素材の開発過程で偶然見つかったという鮮やかなブルー。この物語が色選択の根拠にふさわしいということで、配色テーマのメインカラーにしました。</p>
<h2 class="wp-block-heading"><span id="toc2">YInMnブルーとは</span></h2>
<h3 class="wp-block-heading"><span id="toc3">偶然の発見</span></h3>
<p>YInMnブルー（インミンブルー）は以下のように電気系の研究から偶然発見されたそうです。</p>
<ul class="wp-block-list">
<li>無機青色顔料の一種で世界一青い色と呼ばれている</li>
<li>Y（イットリウム）、In（インジウム）、Mn（マンガン）からできているため、元素記号からYInMn（インミン）と命名された</li>
<li>2009年 オレゴン州立大学のマス・サブラマニアン教授（Mas Subramanian）のチームによって偶然発見された</li>
<li>電気系の研究として、研究室の大学院生アンドリュー・スミスが、酸化マンガンを色々な化合物と混ぜていた時に、その試料の1つが異常に青くなった</li>
<li>ウルトラマリンブルー、フタロブルー、プルシャンブルーに続いて、200年ぶりに発見された青色となった</li>
<li>2017年にShepherd Color Companyによって塗料として商品化された</li>
<li>2018年には日本でもアクリル絵具と顔料が<a href="https://pigment.tokyo/blogs/article/oil-yinmnblue">PIGMENT TOKYO</a>から発売された</li>
</ul>
<p></p>
<a rel="noopener" href="https://ja.wikipedia.org/wiki/YInMn%E3%83%96%E3%83%AB%E3%83%BC" title="YInMnブルー - Wikipedia" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://upload.wikimedia.org/wikipedia/commons/thumb/4/4e/YInMn_Blue_-_cropped.jpg/640px-YInMn_Blue_-_cropped.jpg" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">YInMnブルー - Wikipedia</div><div class="blogcard-snippet external-blogcard-snippet"></div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://ja.wikipedia.org/wiki/YInMn%E3%83%96%E3%83%AB%E3%83%BC" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">ja.wikipedia.org</div></div></div></div></a>
<h2 class="wp-block-heading"><span id="toc4">インミンブルーの特徴</span></h2>
<h3 class="wp-block-heading"><span id="toc5">圧倒的な青さ</span></h3>
<p>インミンブルーの特徴として、その圧倒的な青さがあります。赤色と緑色の波長を吸収し、青色の光の波長を反射するため純粋な青に感じ取ることが出来ます。</p>
<h3 class="wp-block-heading"><span id="toc6">環境への安全性</span></h3>
<p>インミンブルーの特徴として環境汚染をしない安全性があることが挙げられています。</p>
<p>今までの青の中には、取り扱いに注意しなければならないものがあり、例えば、プルシャンブルーの場合土壌汚染や地下水汚染を引き起こすシアン化合物などが含まれていて危険性があり、またフタロシアニンブルーも水質汚染の危険性があるそうです。</p>
<h3 class="wp-block-heading"><span id="toc7">色が変化する</span></h3>
<p>インミンブルーはその中に含まれるマンガンによって彩度や濃度が異なる青色になるそうです。</p>
<p>また、銅を追加することによって緑色になったり、鉄を加えるとオレンジ色になります。他にも亜鉛とチタンを加えると紫色になるようです。</p>
<p>赤はまだ見つかっていないそうで、もし見つかれば安全で使いやすい赤色が完成するそうです。</p>
<a rel="noopener" href="https://0plusart.com/yinmn-blue/" title="世界一青い顔料YInMn(インミン)ブルーについて – あのアトリエ" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://s.wordpress.com/mshots/v1/https%3A%2F%2F0plusart.com%2Fyinmn-blue%2F?w=160&h=90" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">世界一青い顔料YInMn(インミン)ブルーについて – あのアトリエ</div><div class="blogcard-snippet external-blogcard-snippet"></div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://0plusart.com/yinmn-blue/" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">0plusart.com</div></div></div></div></a>
<h3 class="wp-block-heading"><span id="toc8">赤外線を反射する</span></h3>
<p>YInMnブルーは、赤外線の40％を反射するという重要な特性を持っているそうです。YInMnブルーを屋根など家の塗装に使用すれば、赤外線を跳ね返すために家に熱が届かず、エアコンなしでも家を涼しく保つことができ、省エネ目的の建築用の塗料として期待されているようです。遮熱素材として屋根などに使われる日が来るかもしれません。</p>
<p>また、赤外線カメラや赤外線センサーに反応しにくくなるかも？ということで、軍事利用も可能かもしれません。</p>
<h2 class="wp-block-heading"><span id="toc9">カラーコード</span></h2>
<p>グラフィックデザインに使用するとしたら、<a href="https://ja.wikipedia.org/wiki/YInMn%E3%83%96%E3%83%AB%E3%83%BC">Wikipedia</a>には以下のコードがありましたが、一例であり、想像していた色にはなっていないかもしれません。</p>
<figure class="wp-block-table"><table><tbody><tr><th>16進表記</th><td>#2e5090</td></tr><tr><th>RGB</th><td>(45.82, 79.92, 143.51)</td></tr><tr><th>CMYK</th><td>(68.07, 44.31, 0, 43.72)</td></tr><tr><th>HSV</th><td>(219.06°, 68.07%, 56.28%)</td></tr></tbody></table></figure>
<h2 class="wp-block-heading"><span id="toc10">インミンブルーが使われた製品</span></h2>
<h3 class="wp-block-heading"><span id="toc11">グラフィックカード AMD Radeon</span></h3>
<a rel="noopener" href="https://www.gopaintingcompany.com/general-information/yinmn-blue-new-pigment/" title="Learn About the New Paint Pigment Color, YinMn Blue" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://s.wordpress.com/mshots/v1/https%3A%2F%2Fwww.gopaintingcompany.com%2Fgeneral-information%2Fyinmn-blue-new-pigment%2F?w=160&h=90" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">Learn About the New Paint Pigment Color, YinMn Blue</div><div class="blogcard-snippet external-blogcard-snippet">inMn Blue is a vibrant blue pigment discovered in 2009 at Oregon State University. The color is resistant to fading & ex...</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://www.gopaintingcompany.com/general-information/yinmn-blue-new-pigment/" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">www.gopaintingcompany.com</div></div></div></div></a>
<a rel="noopener" href="https://thevirtualassist.net/amd-radeon-pro-challenge-cgtalk-cgsociety/" title="AMD Radeon Pro Challenge: Graphics Cards and Kits (KitBash3d) To Win" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://thevirtualassist.net/wp-content/uploads/2017/11/amd-radeon-pro-challenge.jpg" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">AMD Radeon Pro Challenge: Graphics Cards and Kits (KitBash3d) To Win</div><div class="blogcard-snippet external-blogcard-snippet">AMD Radeon Pro challenge is geared towards artistic creativity with CGI enhancement of lighting and rendering. Get compl...</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://thevirtualassist.net/amd-radeon-pro-challenge-cgtalk-cgsociety/" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">thevirtualassist.net</div></div></div></div></a>
]]></content:encoded>
</item>
</channel>
</rss>