HTML、CSSで役立つ色確認ツール 16進数、10進数変換

アプリ

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ボタンで記事のシェアをしていただけると嬉しいです!

沈黙のWebライティング —Webマーケッター ボーンの激闘—〈SEOのためのライティング教本〉
エムディエヌコーポレーション
Webで「成果を上げる」ための文章の書き方を実用入門書。Webサイトやブログの記事だけではなく、 ビジネス文書などにも活用できるライティング教本の決定版です!。

コメント

タイトルとURLをコピーしました