カラーコンバーター

HEX、RGB、HSL形式間で色を変換

100% プライベート＆セキュア

データはブラウザから離れません

色を入力

HEX、RGB、HSL、HSV、または色名を受け付けます

カラーピッカー

または色を選択

色の変換方法

任意の形式で色を入力します。HEX（#ff0000）、RGB（rgb(255,0,0)）、HSL、HSV、または色名（red、blueなど）に対応。

カラーピッカーを使用して視覚的に色を選択することもできます。選択した色は即座にすべての形式に変換されます。

HEX、RGB、HSL、HSVなど、必要な形式の値をワンクリックでコピーできます。

すべての色変換はブラウザ内で直接行われます。サーバーへの通信はありません。

HEX、RGB、HSL、HSV、CSS色名など、主要な色形式すべてに対応。

WCAG準拠のコントラスト比を自動計算。背景色と文字色の組み合わせを確認できます。

制限なし、登録不要。色変換を無制限に利用できます。

🎨

グラフィックデザイン、UI/UXプロジェクト、クリエイティブワークフローのために形式間で色を変換。

💻

スタイルシート、CSS変数、Webプロジェクトに必要な形式に色を素早く変換。

🏢

一貫したクロスプラットフォームデザインのために、異なる形式間でブランドカラーパレットを管理。

プライバシーを最優先に考えています。私たちのアプローチが異なる理由：

精密な色空間変換アルゴリズムがすべての形式間で色を正確に変換。

HEX、RGB、HSL、HSV、CSS色名をサポートし、すべての形式間で即座に変換。

視覚的なプレビューとアクセシビリティコントラストチェックで色をリアルタイムで確認。

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()の透明度付き形式は将来のアップデートで追加予定です。