HTML、CSSの色の調整、入力に役立つウェブツール3つを作成しました。
- パレットから16進数、10進数に変換
- 6桁16進数から10進数3つの並びに変換
- 10進数3つの並びから6桁16進数に変換
HTML、CSSで色の数値を決める際に、RGBの16進数、10進数を入力しなければなりませんが、一般的なツールでは、16進数、10進数を同時に表示したり、相互に数値を変換するプログラムがなかったので、ここに用意いたしました。
是非、ホームページ、ブログ作成に役立てて下さい。
【色から数値に変換】
パレットで選んだ色を16進数、10進数に表示します。
右の青いパレットをクリックして色を選択して下さい。
結果 | ||
---|---|---|
16進数 | ||
10進数 |
【16進数⇔10進数、相互の変換】
16進数、10進数相互に変換するプログラムです。16進数は6桁、10進数は(数字、数字、数字)の並びで入力して下さい。
16進数から10進数への変換
16進数6桁から10進数の3つの並び(コンマ含む)に変換します。例:FFFFFFから255,255,255に変換します。
シャープマークを除いた16進数6桁を入力して下さい。入力例:FFFFFF。
16進数⇒10進数 | ||
---|---|---|
数値
|
色の表示 |
10進数から16進数への変換
10進数の数字の3つ(コンマ2つを含む)の並びを16進数6桁に変換します。例えば255,255,255からFFFFFFに変換します。
コンマ2つを含めた数値を入力して下さい。入力例:255, 255, 255。
10進数⇒16進数 | ||
---|---|---|
数値
|
色の表示 |
「役に立った!」と思れましたら、下のSNSボタンで記事のシェアをしていただけると嬉しいです!
コメント