ブラウザツールズBrowserTools.jp

WEBカラーコード変換ツール(HEX・RGB・HSL)

カラーピッカーで色を選ぶか、コードを直接入力するだけで、HEX・RGB・HSLの値をリアルタイムで変換・表示します。手軽に色を確認できます。

🔒 画像データはサーバーへ送信されません。機密情報を含む内容でも安心してご利用いただけます。
✅ 準備が完了しました(オフラインでご利用いただけます)

🌓 選んだ色の組み合わせが十分な可読性を確保できているか確認したい場合はカラーコントラストチェッカー(WCAG基準判定)でAA・AAA基準への適合をチェックできます。

カラーピッカーから選ぶ

直感的に色を動かしてコードを取得・調整できます。

HEX

例: #3b82f6 または #fff

RGB

例: rgb(59, 130, 246) 各値は0〜255

HSL

例: hsl(217, 91%, 60%) 色相0-360 / 彩度・輝度0-100


📑 よくある質問と使い方(Q&A)
A. はい、セキュリティ面でも利便性の面でも、極めて安全に設計されています。 当サイトの各ツールは、データをサーバーへ送信して処理する一般的なWebツールとは異なり、お使いのファイルや入力内容をブラウザ内だけで処理する設計を採用しています。そのため、アップロードいただいたファイルや入力内容がサーバーへ送信されることはない仕組みになっています(サイトのアクセス状況を把握するための匿名の統計情報を除きます)。 また、この仕組みにより、ツールの利用に必要な準備が整った後は、通信環境がない状態でもツールをご利用いただけます(準備が完了しているかどうかは、各ツールのページ内表示でご案内しています)。準備完了後であっても、タブを閉じたり再読み込みした場合は、再度通信が必要です。 ※ より詳しい取り扱いについては、プライバシーポリシーもあわせてご確認ください。
A. HEX(#3b82f6形式)はHTML/CSSで最も広く使われる記法で、Webデザイン全般に使用します。RGBは赤・緑・青の三原色で色を表す形式でJavaScriptや画像処理に向いています。HSLは色相・彩度・輝度で色を指定するため、人間の直感に近く「少し明るくしたい」「彩度を落としたい」といった微調整に最適です。用途に合わせて当ツールでコピーして使い分けてください。
A. はい、対応しています。#fff や #abc などの省略された3桁のカラーコードを入力した場合、当ツールが自動的に #ffffff や #aabbcc などの標準的な6桁形式に展開したうえで、RGBやHSL形式へと正確に相互変換を行います。

🛠️ このツールと一緒に使われている機能
🖼️ 画像一括軽量化・圧縮ツール🎯 ファビコン一括生成ツール🌓 カラーコントラストチェッカー(WCAG)
🏷️ おすすめの使い方・シーン
🎨 画像・デザイン加工⚙️ 開発・テキスト編集