スマートフォンの横表示には対応していません

Laboratory

なないろ研究所

⼈と⼈をつなぐコミュニケーションをもっと世の中に。
それが私達が⾏うこと。

なないろ研究所では日々、様々なことをリサーチし、実験しています。

コミュニケーションの流通をお手伝いするために、日々様々なリサーチを行い、分析し、時に実験しております。

そんな日々の活動内容においてログをつけております。

このような情報共有が、我々が考えるコミュニケーションの一つの形です。

カラーコードを変換するブックマークレット

こんにちは、なないろフロントエンドプログラマーのTです。

ブラウザ上での作業が少しラクになる便利なブックマークレットについて紹介しようと思います。

今回はカラーコードを変換するブックマークレットを作成しました。

ブックマークレットとは

ブラウザのブックマーク(お気に入り)に簡易的なスクリプトを登録しておき、ブックマークをクリックすると実行できるjavascriptの実行方法の一つです。

登録方法(使い方)

登録方法は下記のページを参考にしてください

https://www.7-16.co.jp/laboratory/2148

作成したブックマークレット

16進数→10進数

javascript:var r,g,b,input=window.prompt("カラーコード","#ffffff"),d=input.replace("#","");switch(d.length){case 3:r=htod(d.substr(0,1)+d.substr(0,1)),g=htod(d.substr(1,1)+d.substr(1,1)),b=htod(d.substr(2,1)+d.substr(2,1)),alert(input+" -> "+r+"."+g+"."+b);break;case 6:r=htod(d.substr(0,2)),g=htod(d.substr(2,2)),b=htod(d.substr(4,2)),alert("変換結果\n"+input+" -> "+r+","+g+","+b);break;default:alert("正しいカラーコードを入力してください。")}function htod(t){return parseInt(t,16)}

10進数→16進数

javascript:var r,g,b,input=window.prompt("カラーコード","255,255,255"),d=input.replace(/ /g,"");d=d.split(","),r=Number(d[0]).toString(16),g=Number(d[1]).toString(16),b=Number(d[2]).toString(16),alert("変換結果\n"+input+" -> #"+r+g+b);

私達は京都でNo1のデザイン力・UI力を目指す

システム開発・Web開発カンパニー

株式会社なないろです。

各種CMS、企業サイト、キャンペーンサイト、顧客管理システム、IoTシステムなど幅広いITソリューションを優良なデザインとUIで、SEOソリューションをあわせてお客様の目標達成を行う企業です。