Preparing your comprehensive developer toolkit
実用ガイド
HEX、RGB、HSL、HWB、LCH、CMYK、色名など、さまざまな色形式間で即座に変換します。高度なカラーピッカーとプレビューサポートによるリアルタイム変換。
カラーコンバーターは RGB、HSL、HEX、CMYK、HWB、LCH などの複数のカラーモデルをサポートし、フォーマット変換、パレット生成、コントラストチェック機能を提供します。RGB は光の三原色（0-255）、HEX は16進数表記（#FFFFFF）、HSL は色相・彩度・明度を使用します。Web デザイン、UI 開発、ブランドカラー設計に広く使用され、デザイナーが色を素早く選択・管理するのに役立ちます。
カラー変換は異なる色モデル間の変換を処理します：RGB（画面用の加法混色、チャンネルごとに0-255値）、HSL（色相0-360°、彩度/明度0-100%の知覚モデル）、HSV/HSB（色相-彩度-値/明度の代替円筒モデル）、CMYK（印刷用の減法混色）、HWB（色相-白度-黒度の直感的混合モデル）、LAB（L*明度、a*緑-赤、b*青-黄のデバイス非依存空間）、LCH（明度-彩度-色相の極座標 LAB）。コンバーターは正確な数学変換を実装：RGB↔HSL は彩度計算（max-min）と色相セクター決定を使用、RGB↔CMYK は K=1-max(R,G,B) を適用してから CMY=(1-RGB)/(1-K)、LAB↔XYZ は D65 光源参照白を使用します。
ツールは正規表現ベースの抽出と検証を通じて多様なカラー入力フォーマットを解析します。サポートされる構文：オプションのハッシュ付きHEX（#RGB、#RRGGBB、#RRGGBBAA）、CSS関数表記（rgb()、rgba()、hsl()、hsla()、hwb()、lab()、lch()）、レガシーフォーマット（rgb(255 255 255)、hsl(180deg 50% 50%)）、CSS Color Level 4（rgb(100% 50% 0)、oklch()、oklab()）、名前付き色（大文字小文字を区別しないCSSキーワード）。検証実装：各色モデルの範囲チェック（RGB 0-255、色相0-360、パーセント0-100%）、単位解析（角度のdeg/rad/turn、パーセントの%）、アルファチャンネル検証（0-1または0-100%）、無効な構文のエラーメッセージ。
ツールは色彩理論に基づいて配色を生成：補色（180°色相回転）、類似色（±30°色相）、三色（120°間隔）、四色/正方形（90°間隔）、分割補色、単色（同じ色相、明度/彩度を変化）。WCAGアクセシビリティチェックを実装：相対輝度式を使用してコントラスト比を計算、WCAG 2.1レベルに従って検証（AAは通常テキストに4.5:1、大きなテキストに3:1を要求、AAAは7:1と4.5:1を要求）、標準を満たすための色調整を提案、合格/不合格インジケータを提供。色覚異常シミュレーションモデル：1型色覚（第一色覚異常）、2型色覚（第二色覚異常、deuteranopia）、3型色覚（第三色覚異常）、全色盲（色覚完全欠如）、Brettel/Viénotアルゴリズムを使用。
HEX（#FFFFFF）、RGB（rgb(255,255,255)）、HSL（hsl(0,0%,100%)）、CMYK（印刷4色）、HSV、LAB、XYZ など8種類の色フォーマットの相互変換をサポート。各フォーマットには特定の用途があります：HEX はウェブ、RGB は画面表示、CMYK は印刷、HSL は直感的な色調整。
いずれかのフォーマットの色値を変更すると、他のすべてのフォーマットが自動的に同期更新。カラーピッカー、手動入力、色コードの貼り付けなど複数の入力方法をサポート。リアルタイムプレビューを提供、現在の色効果を即座に表示。透明度（Alpha チャンネル）の変換をサポート。
各色フォーマットに独立したコピーボタンを提供、クリックでクリップボードにコピー。標準の CSS 色値に自動フォーマット、コードに直接貼り付けて使用可能。すべてのフォーマットの色値の一括コピーをサポート。色コードの異なるバリアント（RGB、RGBA、rgb()、rgb(r g b)など）を提供。
すべての色変換計算はブラウザローカルで完了、サーバーにデータをアップロードしません。完全にオフラインで使用可能、デザイン案と配色のプライバシーを保護。よく使う色をローカルお気に入りに保存可能。登録やログイン不要、すぐに使用可能。
このカラーコンバーターツールは、HEX、RGB、HSL、HWB、LCH、CMYK、色名など、異なる色形式間で変換するために使用されます。リアルタイム変換、ビジュアルカラーピッカー、即時プレビューを提供。ウェブデザイナー、UI開発者、グラフィックデザイナーが異なるプラットフォームと形式で色を素早く選択・管理するのに最適です。
インタラクティブなカラーピッカーを使用して視覚的に色を選択するか、任意の形式（HEX、RGB、HSL など）で色値を直接入力するだけです。他のすべての形式が自動的にリアルタイムで変換され表示されます。任意の形式の横にあるコピーボタンをクリックすると、プロジェクトで使用するためにクリップボードにコピーできます。
はい、このカラーコンバーターは完全に無料で使用できます。登録不要、支払い不要。すべての色変換はブラウザでローカルに処理され、プライバシーとセキュリティを確保します。制限なく無制限に色を変換できます。
このコンバーターは LCH や LAB などの最新色空間を含む8種類以上の色形式をサポートします。リアルタイム変換、スライダー付きビジュアルカラーピッカー、プリセットカラーパレット、ランダム色生成、各形式のワンクリックコピーを提供。すべての処理はブラウザでローカルに行われ、プライバシーを保護しオフライン使用をサポートします。
ウェブ開発とCSSには HEX (#FFFFFF)、JavaScript と画面表示には RGB (rgb(255,255,255))、直感的な色調整には HSL (hsl(0,100%,50%))、印刷デザインには CMYK、デバイス非依存色には LAB/LCH、素早いプロトタイピングには色名（red, blue）を使用します。各形式は特定の使用例に最適化されています。
CSS カラーモジュールの公式仕様書
最新の CSS カラー仕様と新しい色空間
sRGB カラー空間の国際標準
CIE 1931 色空間の科学的定義
CSS での色値指定方法の詳細ガイド
ツールを開いて機能をお試しください。