カラーコード変換ツール
HEX・RGB・HSLカラーコードを相互変換
使い方
- カラーコードを入力
HEX(#RRGGBB)、RGB(rgb(r,g,b))、HSL(hsl(h,s%,l%))のいずれかの形式で入力します。
- 変換ボタンをクリック
「変換」を押すと、すべての形式に変換されプレビューが表示されます。
- 結果をコピー
「コピー」ボタンで結果をクリップボードにコピーできます。
特長
- HEX, RGB, HSL の相互変換
- リアルタイムカラープレビュー
- 3桁HEX(#RGB)にも対応
- ブラウザ内処理(データはサーバーに送信されません)
- ダークモード対応
よくある質問
HEXカラーコードとは?
HEX(16進数)カラーコードは、#に続く6桁の16進数で色を表す形式です。#RRGGBBの順に赤・緑・青の値を00〜FFで指定します。CSSやWebデザインで最も広く使われています。
RGBとHSLの違いは?
RGBは赤(R)・緑(G)・青(B)の光の三原色の値(0〜255)で色を指定します。HSLは色相(H: 0〜360°)・彩度(S: 0〜100%)・輝度(L: 0〜100%)で指定し、人間の色の知覚に近い表現方法です。
データはサーバーに送信されますか?
いいえ。すべての変換処理はブラウザ内のJavaScriptで行われます。データが外部に送信されることはありません。