HEX→10進変換ツール: 色をライブでチェック
HEX→10進は、色値を16進数と10進数の間でリアルタイムに変換します。どちらか一方を編集するともう一方が更新されます。寛容なパーサーは、#abc のような短い HEX、rgb(1 2 3 / 50%) のような rgb() 構文、色名を受け付けます。カラースウォッチを確認し、貼り付け可能な CSS をコピーして、sRGB の色域外警告をチェックします。
HEX→10進変換ツールは、作業しながら結果をチェックしつつ、色値を16進数と10進数の間で変換するのに役立ちます。色を入力するともう一方がライブで更新されます。どちらか一方を直接編集することもできます。スウォッチ、貼り付け可能な CSS、色域外警告により、変換された値とともに色を確認しやすくなります。
パーサーは16進数入力を受け付けます。#abc のような短縮形や、rgb(1 2 3 / 50%)、色名も含みます。変換ツールはどちらかの値を編集するともう一方を更新します。ツールに表示されるオプションを調整し、結果の値と視覚チェックを確認することもできます。色が sRGB の範囲外にある場合、このツールは警告を表示します。
16進数と10進数は値を表す異なる方法です。16進数は16を基数とし、10進数は10を基数とします。これらの間で変換すると、異なる表現を期待するシステムに色データを移したり、2つの値が一致するかをチェックしたりするのに役立ちます。スウォッチとコピー可能な CSS は、変換された色を調べたり再利用したりしたい場合に便利です。
このツールは完全にブラウザ上で動作するため、入力はデバイス上で処理され、アップロード、保存、サーバーへの送信もされません。サーバーに依存しないため、ページの読み込み後はオフラインでも変換できます。開発者や DevOps エンジニアは、コーディング中の色のチェック、ドキュメントの用意、チケットのレビュー、チームメンバーとの値の共有に使えます。
手順1: 16進数の色を入力して10進数の結果を見ます。#abc、rgb(1 2 3 / 50%)、色名などの対応入力も試せます。
手順2: 変換ツールのどちらか一方を編集します。もう一方がライブで更新されるため、どちらの方向からも値を確認できます。
手順3: ツールに表示される利用可能なオプションを調整し、更新された変換を確認します。
手順4: カラースウォッチと貼り付け可能な CSS を確認します。色が sRGB の範囲外にある場合は色域外警告を確認してください。
手順5: 10進数の結果または CSS をコピーして、コード、ドキュメント、メモで使います。
用途: 16進数の色値を、10進数値を受け付けるシステムに移す。ライブの結果で、使う前に変換をチェックできます。
用途: 10進数の色値が渡された16進数の原本と一致することを確認する。どちらか一方を編集して、更新された値とスウォッチを比較します。
用途: ドキュメント、チケット、コミットメッセージ用に16進数の色変換を用意する。結果または貼り付け可能な CSS をコピーします。
用途: 色変換をコードに貼り付ける前にサニティチェックする。スウォッチと色域外警告が有用な視覚チェックを提供します。
用途: rgb() 構文や色名を使う CSS からコピーした色値をチェックする。寛容なパーサーは、16進数入力とともにこれらを受け付けます。
用途: 異なる表現を使うコードで作業中に色値を比較する。双方向ライブ編集で、再入力せずにどちらか一方を調べられます。