https://k-studio.ddo.jp/posts/05-javascript-typescript/ Recent content in 05. Javascript/Typescript on K-Studio Hugo -- 0.154.2 ja-JP Mon, 05 Jan 2026 13:44:50 +0900 https://k-studio.ddo.jp/posts/05-javascript-typescript/js-ts-rgb-to-pixi-js-hex/ Mon, 05 Jan 2026 13:44:50 +0900 https://k-studio.ddo.jp/posts/05-javascript-typescript/js-ts-rgb-to-pixi-js-hex/ <h3 id="javascript版">Javascript版</h3> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-javascript" data-lang="javascript"><span style="display:flex;"><span><span style="color:#66d9ef">export</span> <span style="color:#66d9ef">function</span> <span style="color:#a6e22e">ToHex</span>(<span style="color:#a6e22e">R</span>,<span style="color:#a6e22e">G</span>,<span style="color:#a6e22e">B</span>) { </span></span><span style="display:flex;"><span> <span style="color:#66d9ef">return</span> <span style="color:#a6e22e">R</span> <span style="color:#f92672">&lt;&lt;</span> <span style="color:#ae81ff">16</span> <span style="color:#f92672">|</span> <span style="color:#a6e22e">G</span> <span style="color:#f92672">&lt;&lt;</span> <span style="color:#ae81ff">8</span> <span style="color:#f92672">|</span> <span style="color:#a6e22e">B</span>; </span></span><span style="display:flex;"><span>} </span></span></code></pre></div><h3 id="typescript版">Typescript版</h3> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-typescript" data-lang="typescript"><span style="display:flex;"><span><span style="color:#66d9ef">export</span> <span style="color:#66d9ef">function</span> <span style="color:#a6e22e">ToHex</span>(<span style="color:#a6e22e">R</span>:<span style="color:#66d9ef">number</span>,<span style="color:#a6e22e">G</span>:<span style="color:#66d9ef">number</span>,<span style="color:#a6e22e">B</span>:<span style="color:#66d9ef">number</span>) { </span></span><span style="display:flex;"><span> <span style="color:#66d9ef">return</span> <span style="color:#a6e22e">R</span> <span style="color:#f92672">&lt;&lt;</span> <span style="color:#ae81ff">16</span> <span style="color:#f92672">|</span> <span style="color:#a6e22e">G</span> <span style="color:#f92672">&lt;&lt;</span> <span style="color:#ae81ff">8</span> <span style="color:#f92672">|</span> <span style="color:#a6e22e">B</span>; </span></span><span style="display:flex;"><span>} </span></span></code></pre></div><script type="text/javascript"> document.write( "<scr" + 'ipt type="text/javascript" src="https://ad.ddo.jp/728x90.js.php?ddo_id=k-studio&ddo_i=' + Math.floor(new Date().getTime() / 1000 / 60) + '"><' + "/scr" + "ipt>" ); </script>