色コード変換（HEX・RGB・HSL）
HEX（#3366cc）、RGB、HSLのいずれかの色コードを入力すると、ほかの形式に変換して、実際の色も見せます。Webサイトの色を決めるときや、デザインの指定を読み替えるときに使えます。
使い方
- 色コードを入力します（#を付けても付けなくても構いません）。
- HEX・RGB・HSLのどれで入力してもかまいません。
- ほかの形式と、色の見本が表示されます。
計算方法・仕組み
HEXは、赤・緑・青を、それぞれ00〜ffの16進数2桁で並べた表記です。RGBは、同じ値を0〜255の10進数で表します。HSLは、色相（0〜360度）、彩度（%）、明度（%）で表します。3桁のHEX（#36c）は、各桁を2回ずつ並べた形（#3366cc）として読みます。
よくある質問
#ff0000 は、どんな色ですか。
赤です。RGBでは rgb(255, 0, 0)、HSLでは hsl(0, 100%, 50%) です。
HSLは、何が便利ですか。
色相を変えずに、明るさや鮮やかさだけを調整しやすいことです。
変換で、少し値がずれることはありますか。
HSLは整数に丸めて表示するため、HSLからHEXに戻すと、1ほどずれる場合があります。
関連ツール
- 進数変換（2・8・10・16進数）2進数・8進数・10進数・16進数を相互に変換します。大きな数にも対応しています。
- Base64 変換（エンコード・デコード）文字列をBase64に変換、またはBase64を元の文字列に戻します。日本語（UTF-8）に対応しています。
- 文字数カウント入力した文章の文字数・行数・バイト数をその場で数えます。
最終更新: 2026-10-28 ／ 計算結果は目安です。重要な判断には、公的機関や専門家の情報もご確認ください。