カラーコンバーター
HEX、RGB、HSL形式間で色を変換
HEX、RGB、HSL、HSV、または色名を受け付けます
または色を選択
色の変換方法
1
色を入力
任意の形式で色を入力します。HEX（#ff0000）、RGB（rgb(255,0,0)）、HSL、HSV、または色名（red、blueなど）に対応。
2
または色を選択
カラーピッカーを使用して視覚的に色を選択することもできます。選択した色は即座にすべての形式に変換されます。
3
結果をコピー
HEX、RGB、HSL、HSVなど、必要な形式の値をワンクリックでコピーできます。
BrowserKitsカラーコンバーターを使う理由
100%クライアントサイド処理
すべての色変換はブラウザ内で直接行われます。サーバーへの通信はありません。
複数形式対応
HEX、RGB、HSL、HSV、CSS色名など、主要な色形式すべてに対応。
アクセシビリティチェック
WCAG準拠のコントラスト比を自動計算。背景色と文字色の組み合わせを確認できます。
完全無料
制限なし、登録不要。色変換を無制限に利用できます。
よくある質問
どの色形式に対応していますか？
HEX（#rrggbb、#rgb）、RGB（rgb(r,g,b)）、HSL（hsl(h,s%,l%)）、HSV、CSS色名（red、blueなど140以上）に対応しています。
コントラスト比とは何ですか？
コントラスト比はテキストと背景色の明度差を示します。WCAGアクセシビリティガイドラインでは、通常テキストで4.5:1以上、大きなテキストで3:1以上のコントラスト比を推奨しています。
透明度（アルファ値）に対応していますか？
現在、透明度のない色（不透明な色）に対応しています。rgba()やhsla()の透明度付き形式は将来のアップデートで追加予定です。