カラーコード変換Color Code Converter
HEX・RGB・HSL形式のカラーコードを相互変換。カラーピッカーで選んで即変換。外部送信なし。Convert between HEX, RGB, and HSL color codes. Pick a color and convert instantly. No data sent.
お気に入りについて About favorites
この端末のブラウザにのみ保存され、サーバーには送信されません。 Saved on this device only—never sent to our servers.
カラーピッカーColor picker
クリックして色を選択Click to pick a color
「#」を含む6桁の16進数で入力してください（例：#0d9488）Enter a 6-digit hex color (e.g. #0d9488)
CSS表記CSS values
使い方・ユースケース How to Use & Use Cases
HEX・RGB・HSLのいずれかに色コードを入力するか、カラーピッカーで色を選ぶと、他の形式が自動で更新されます。必要な形式をコピーしてCSSやデザインツールに貼り付けられます。 Enter a color in HEX, RGB, or HSL—or pick one with the color picker—and the other formats update automatically. Copy the value you need for CSS or design tools.
デザインカンプの色をCSS用HEXに直したいとき、既存サイトのRGB値をHSLに変換して調整したいとき、チーム内で色の表記を統一したいときなど、Web制作やUIデザインの現場で使えます。 Handy when converting mockup colors to CSS HEX, turning site RGB values into HSL for tweaks, or standardizing color notation across a team during web or UI work.
よくある質問FAQ
ファイルはサーバーに送られますか？Are files sent to a server?
送られません。処理はすべてブラウザ内で行われます。No. All processing happens in your browser on your device.
どの形式に対応していますか？What formats are supported?
HEX（#RRGGBB）・RGB（rgb(R,G,B)）・HSL（hsl(H,S%,L%)）の3形式に対応しています。HEX (#RRGGBB), RGB (rgb(R,G,B)), and HSL (hsl(H,S%,L%)).
カラーピッカーから色を選べますか？Can I pick a color visually?
選べます。ブラウザ標準のカラーピッカーで色を選ぶと、全形式が自動で更新されます。Yes. Use the color picker and all formats update automatically.
ページを閉じれば、端末内のデータは自動的に消去されます。契約書や顧客資料など、慎重に扱うデータも安心してご利用ください。When you close the page, data on your device is cleared automatically. Safe for sensitive files such as contracts and client documents.
