カラーコンバーター
6桁の HEX を入力するか色を選び、RGB と CSS background-color をプレビューしてコピーできます。
ファイルはブラウザ内に残ります。送信されません。
活用場面と適した作業
画面の色を照合し、CSS や QR 配色を準備します。貼り付け先が求める表記を確認してください。
設定・結果の確認と制限
6桁の HEX(例 #2563eb)か色選択を使います。HEX・RGB・background-color をコピーできます。RGB は読み取り専用です。
RGB 入力、短縮・アルファ HEX、HSL は非対応です。コントラスト判定や CMYK 管理は行わず、実際の表示で読みやすさを確認します。
#2563eb → rgb(37, 99, 235)
background-color: #2563eb;
- QRジェネレーター — 色の指定と中央ロゴに対応。
- Markdownプレビュー — Markdownを書いて、すぐに表示を確認。
HEX RGB 変換 — カラーピッカーと CSS 色コード
- #2563eb のような6桁の HEX を入力するか、色を選択します。
- HEX・RGB・CSS background-color をコピーします。
色を選ぶ
- #2563eb のような6桁の HEX を入力するか、色を選択します。 処理前に元データと選択範囲を確認し、不要なものを外します。
- 6桁の HEX(例 #2563eb)か色選択を使います。HEX・RGB・background-color をコピーできます。RGB は読み取り専用です。
- 結果を確認し、必要なテキストを利用先へ保存してからページを閉じてください。
- RGB 入力、短縮・アルファ HEX、HSL は非対応です。コントラスト判定や CMYK 管理は行わず、実際の表示で読みやすさを確認します。 実際に使う大きさで確認し、元データも保管します。
カラーコンバーター
「カラーコンバーター」はどんな作業に使えますか?
画面の色を照合し、CSS や QR 配色を準備します。貼り付け先が求める表記を確認してください。
「カラーコンバーター」の準備と設定はどう選びますか?
6桁の HEX(例 #2563eb)か色選択を使います。HEX・RGB・background-color をコピーできます。RGB は読み取り専用です。
「カラーコンバーター」で確認すべき制限は何ですか?
RGB 入力、短縮・アルファ HEX、HSL は非対応です。コントラスト判定や CMYK 管理は行わず、実際の表示で読みやすさを確認します。
データは送信・自動保存されますか?
処理はブラウザー内で行い、ファイルを本サイトのサーバーへアップロードしません。保存は新しいコピーで、クラウド保管や結果復元はありません。元データを残し、閉じる前に保存できたか確認してください。