カラーコード変換
HEX・RGB・HSLカラーコードを相互変換。色見本プレビュー付き。
このツールについて
カラーコード変換は、HEX・RGB・HSLの3形式を相互に変換できるブラウザ完結型ツールです。カラーコードを入力するだけで、入力形式を自動判別し、他の2形式に即座に変換します。色見本プレビューで変換結果を視覚的に確認でき、CSSコーディングやデザインカンプの作成、Webサイトの配色検討などに最適です。短縮HEX(#FFF)にも対応しており、すべての処理がブラウザ内で完結するため安心して利用できます。
使い方
- カラーコードをHEX・RGB・HSLいずれかの形式で入力します
- 入力形式が自動判別され、他の2形式に即座に変換されます
- 色見本プレビューで変換結果を視覚的に確認できます
- 必要な形式の値をコピーしてご利用ください
対応形式
- HEX: #FF5733、#FFF(短縮形式)に対応
- RGB: rgb(255, 87, 51) 形式で入出力
- HSL: hsl(11, 100%, 60%) 形式で入出力
よくある質問
Q. どの形式に対応していますか?
A. HEX(#FF5733, #FFF)、RGB(rgb(255, 87, 51))、HSL(hsl(11, 100%, 60%))の3形式に対応しています。入力した形式を自動判別し、他の2形式に変換します。
Q. 短縮HEX(#FFF)も使えますか?
A. はい。3桁の短縮HEXも正しく認識し、6桁のHEXに展開して変換します。
Q. 入力データはサーバーに送信されますか?
A. いいえ。すべての処理はブラウザ内で完結します。