# OKLCH色空間～OKLab色空間 色形式コンバーター OKLCH色空間色をOKLab色空間に一度で変換します。OKLCH色空間値をCSS構文または数値のみで入力すると、CSS向けに丸められ、culoriライブラリで計算された正確なOKLab色空間相当の値が得られます。OKLab色空間で色を表示できない場合は、CSS Color 4の仕様に従って色域内の最も近い色にマッピングされます。スタイルシート、デザインツール、仕様書の間で色を扱う開発者やデザイナー向けです。 ## よくある質問 ### どの形式間で変換できますか？ 10種類の形式に対応しています。HEX、RGB、HSL、HWB、CIELAB（lab）、CIE LCH（lch）、OKLab、OKLCH、CMYK、Display P3です。どの形式も変換元または変換先にできるため、90通りの変換方向があります。結果には、CSS Color 4の最新の構文（rgb(255 136 0)やoklch(0.7442 0.1812 56.46)など）が使われます。 ### 入力色はどのように指定しますか？ 変換元の形式の完全なCSS表記（hsl(32 100% 50%)やcolor(display-p3 1 0.5 0)など）を入力するか、HSLを選択している場合は32、100%、50%のように数値のみを入力してください。16進カラーコードは、#の有無を問わず3、4、6、8桁で指定できます。値は選択した変換元の形式と一致する必要があります。そのため、HSLページでrgb()形式の値を入力すると、誤変換を防ぐために拒否されます。 ### CMYKはどのように変換されますか？ culoriにはCMYKモードがないため、コンバーターは0から1までのsRGB値に標準的な単純計算式を適用します。K = 1 - max(R, G, B)、C = (1 - R - K) / (1 - K)で、MとYも同様です。逆方向ではR = (1 - C) x (1 - K)などとなります。ICCプロファイルによる変換ではないため、特定の印刷機や用紙の出力とは一致しません。画面上の近似や大まかな仕様確認にお使いください。 ### CMYK入力はどのように記述しますか？ cmyk(0%, 47%, 100%, 0%)、デバイスcmyk(0 0.47 1 0)、または数値4つをそのまま入力してください。%付きの値はパーセントとして扱われます。単位のない値は0から1までの小数として解釈されますが、1を超える値が1つでもある場合は、すべてパーセントとして解釈されます。そのため、0、47、100、0は想定どおりに機能します。CMYKの出力は常にパーセントで、小数点以下2桁まで表示されます。 ### 変換先の色域外にある色はどうなりますか？ Lab、LCH、OKLab、OKLCH、Display P3では、sRGBで表示できない色も表現できます。変換先がHEX、RGB、HSL、HWB、CMYK（いずれもsRGB）またはDisplay P3の場合、色域外の色はCSS Color 4アルゴリズムでマッピングされます。このアルゴリズムはOKLCHの彩度を下げて色を色域内に収め、結果に注記を付けます。Lab、LCH、OKLab、OKLCHの変換先には色域の制限がなく、マッピングは行われません。 ### 透明度は保持されますか？ はい。CMYK以外のすべての変換先で保持されます。rgb(255 136 0 / 50%)や#ff880080のような入力のアルファ値は、CSS関数内では/ 0.5として、16進カラーコードでは8桁で出力されます。CMYKにはアルファチャンネルがないため、アルファ値は破棄されます。 ### 結果の精度はどのくらいですか？ RGBチャンネルは0から255までの整数に丸められます。HSL、HWB、CMYKのパーセント値とLab、LCHの値は小数点以下2桁、OKLabの値、OKLCHの明度と彩度、Display P3チャンネルは小数点以下4桁、色相は小数点以下2桁に丸められます。計算はすべて丸め前に倍精度で行われるため、往復変換しても元の値との差は丸め誤差の範囲内です。 ### コンバーターが使うLabとLCHはどの規格ですか？ D50白色点を用いるCIELABとCIE LCHで、CSS lab()とlch()の関数定義に準拠し、sRGBのD65白色点からBradford変換を行います。明度の範囲は0から100です。OKLabとOKLCHはBjorn Ottossonによる知覚的な色空間で、CSS oklab()とoklch()で使われており、明度は0から1までです。 ### 複数の色を一度に変換できますか？ ページのフォームで変換できる色は一度に1つです。ツールを直接呼び出すクライアントは、1行につき1色で最大100色を送信でき、同じ順序で1行につき1つの変換結果を取得できます。各色は100文字以内で指定してください。 ### グレーの色相が0と表示されるのはなぜですか？ 無彩色には色相がなく、CSSではnoneと記述できます。コンバーターでは代わりに0と記述するため、noneに対応していないツールでも値を使えます。彩度またはクロマが0の場合、色相は見た目に影響しません。 ## 関連ツール ### [色形式コンバーター](https://oneclick.pro/ja/tool/color-format-converter/) HEX、RGB、HSL、HWB、CIELAB、CIE LCH、OKLab、OKLCH、CMYK、Display P3間で色を変換します。変換元と変換先の形式を選び、値をCSS構文または数値のみで入力すると、culoriライブラリで計算されたCSS対応の結果が得られます。変換先の色域外にある色は、CSS Color 4の仕様に従ってマッピングされます。コードとデザインツール間で色を扱う開発者やデザイナー向けです。 ### [OKLCH色空間～HEX 色形式コンバーター](https://oneclick.pro/ja/tool/color-format-converter/oklch-to-hex/) OKLCH色空間色をHEXに一度で変換します。OKLCH色空間値をCSS構文または数値のみで入力すると、CSS向けに丸められ、culoriライブラリで計算された正確なHEX相当の値が得られます。HEXで色を表示できない場合は、CSS Color 4の仕様に従って色域内の最も近い色にマッピングされます。スタイルシート、デザインツール、仕様書の間で色を扱う開発者やデザイナー向けです。 ### [OKLCH色空間～RGB 色形式コンバーター](https://oneclick.pro/ja/tool/color-format-converter/oklch-to-rgb/) OKLCH色空間色をRGBに一度で変換します。OKLCH色空間値をCSS構文または数値のみで入力すると、CSS向けに丸められ、culoriライブラリで計算された正確なRGB相当の値が得られます。RGBで色を表示できない場合は、CSS Color 4の仕様に従って色域内の最も近い色にマッピングされます。スタイルシート、デザインツール、仕様書の間で色を扱う開発者やデザイナー向けです。 ### [OKLCH色空間～HSL 色形式コンバーター](https://oneclick.pro/ja/tool/color-format-converter/oklch-to-hsl/) OKLCH色空間色をHSLに一度で変換します。OKLCH色空間値をCSS構文または数値のみで入力すると、CSS向けに丸められ、culoriライブラリで計算された正確なHSL相当の値が得られます。HSLで色を表示できない場合は、CSS Color 4の仕様に従って色域内の最も近い色にマッピングされます。スタイルシート、デザインツール、仕様書の間で色を扱う開発者やデザイナー向けです。 ### [OKLCH色空間～HWB 色形式コンバーター](https://oneclick.pro/ja/tool/color-format-converter/oklch-to-hwb/) OKLCH色空間色をHWBに一度で変換します。OKLCH色空間値をCSS構文または数値のみで入力すると、CSS向けに丸められ、culoriライブラリで計算された正確なHWB相当の値が得られます。HWBで色を表示できない場合は、CSS Color 4の仕様に従って色域内の最も近い色にマッピングされます。スタイルシート、デザインツール、仕様書の間で色を扱う開発者やデザイナー向けです。 ### [OKLCH色空間～CIELAB色空間 色形式コンバーター](https://oneclick.pro/ja/tool/color-format-converter/oklch-to-lab/) OKLCH色空間色をCIELAB色空間に一度で変換します。OKLCH色空間値をCSS構文または数値のみで入力すると、CSS向けに丸められ、culoriライブラリで計算された正確なCIELAB色空間相当の値が得られます。CIELAB色空間で色を表示できない場合は、CSS Color 4の仕様に従って色域内の最も近い色にマッピングされます。スタイルシート、デザインツール、仕様書の間で色を扱う開発者やデザイナー向けです。 **関連ツールをすべて表示（90件）** - [OKLCH色空間～CIE LCH 色形式コンバーター](https://oneclick.pro/ja/tool/color-format-converter/oklch-to-lch/) - [OKLCH色空間～CMYKカラー 色形式コンバーター](https://oneclick.pro/ja/tool/color-format-converter/oklch-to-cmyk/) - [OKLCH色空間～Display P3色空間 色形式コンバーター](https://oneclick.pro/ja/tool/color-format-converter/oklch-to-p3/) - [HEX～OKLab色空間 色形式コンバーター](https://oneclick.pro/ja/tool/color-format-converter/hex-to-oklab/) - [RGB～OKLab色空間 色形式コンバーター](https://oneclick.pro/ja/tool/color-format-converter/rgb-to-oklab/) - [HSL～OKLab色空間 色形式コンバーター](https://oneclick.pro/ja/tool/color-format-converter/hsl-to-oklab/) - [HWB～OKLab色空間 色形式コンバーター](https://oneclick.pro/ja/tool/color-format-converter/hwb-to-oklab/) - [CIELAB色空間～OKLab色空間 色形式コンバーター](https://oneclick.pro/ja/tool/color-format-converter/lab-to-oklab/) - [CIE LCH～OKLab色空間 色形式コンバーター](https://oneclick.pro/ja/tool/color-format-converter/lch-to-oklab/) - [CMYKカラー～OKLab色空間 色形式コンバーター](https://oneclick.pro/ja/tool/color-format-converter/cmyk-to-oklab/) - [Display P3色空間～OKLab色空間 色形式コンバーター](https://oneclick.pro/ja/tool/color-format-converter/p3-to-oklab/) - [HEX～RGB 色形式コンバーター](https://oneclick.pro/ja/tool/color-format-converter/hex-to-rgb/) - [HEX～HSL 色形式コンバーター](https://oneclick.pro/ja/tool/color-format-converter/hex-to-hsl/) - [HEX～HWB 色形式コンバーター](https://oneclick.pro/ja/tool/color-format-converter/hex-to-hwb/) - [HEX～CIELAB色空間 色形式コンバーター](https://oneclick.pro/ja/tool/color-format-converter/hex-to-lab/) - [HEX～CIE LCH 色形式コンバーター](https://oneclick.pro/ja/tool/color-format-converter/hex-to-lch/) - [HEX～OKLCH色空間 色形式コンバーター](https://oneclick.pro/ja/tool/color-format-converter/hex-to-oklch/) - [HEX～CMYKカラー 色形式コンバーター](https://oneclick.pro/ja/tool/color-format-converter/hex-to-cmyk/) - [HEX～Display P3色空間 色形式コンバーター](https://oneclick.pro/ja/tool/color-format-converter/hex-to-p3/) - [RGB～HEX 色形式コンバーター](https://oneclick.pro/ja/tool/color-format-converter/rgb-to-hex/) - [RGB～HSL 色形式コンバーター](https://oneclick.pro/ja/tool/color-format-converter/rgb-to-hsl/) - [RGB～HWB 色形式コンバーター](https://oneclick.pro/ja/tool/color-format-converter/rgb-to-hwb/) - [RGB～CIELAB色空間 色形式コンバーター](https://oneclick.pro/ja/tool/color-format-converter/rgb-to-lab/) - [RGB～CIE LCH 色形式コンバーター](https://oneclick.pro/ja/tool/color-format-converter/rgb-to-lch/) - [RGB～OKLCH色空間 色形式コンバーター](https://oneclick.pro/ja/tool/color-format-converter/rgb-to-oklch/) - [RGB～CMYKカラー 色形式コンバーター](https://oneclick.pro/ja/tool/color-format-converter/rgb-to-cmyk/) - [RGB～Display P3色空間 色形式コンバーター](https://oneclick.pro/ja/tool/color-format-converter/rgb-to-p3/) - [HSL～HEX 色形式コンバーター](https://oneclick.pro/ja/tool/color-format-converter/hsl-to-hex/) - [HSL～RGB 色形式コンバーター](https://oneclick.pro/ja/tool/color-format-converter/hsl-to-rgb/) - [HSL～HWB 色形式コンバーター](https://oneclick.pro/ja/tool/color-format-converter/hsl-to-hwb/) - [HSL～CIELAB色空間 色形式コンバーター](https://oneclick.pro/ja/tool/color-format-converter/hsl-to-lab/) - [HSL～CIE LCH 色形式コンバーター](https://oneclick.pro/ja/tool/color-format-converter/hsl-to-lch/) - [HSL～OKLCH色空間 色形式コンバーター](https://oneclick.pro/ja/tool/color-format-converter/hsl-to-oklch/) - [HSL～CMYKカラー 色形式コンバーター](https://oneclick.pro/ja/tool/color-format-converter/hsl-to-cmyk/) - [HSL～Display P3色空間 色形式コンバーター](https://oneclick.pro/ja/tool/color-format-converter/hsl-to-p3/) - [HWB～HEX 色形式コンバーター](https://oneclick.pro/ja/tool/color-format-converter/hwb-to-hex/) - [HWB～RGB 色形式コンバーター](https://oneclick.pro/ja/tool/color-format-converter/hwb-to-rgb/) - [HWB～HSL 色形式コンバーター](https://oneclick.pro/ja/tool/color-format-converter/hwb-to-hsl/) - [HWB～CIELAB色空間 色形式コンバーター](https://oneclick.pro/ja/tool/color-format-converter/hwb-to-lab/) - [HWB～CIE LCH 色形式コンバーター](https://oneclick.pro/ja/tool/color-format-converter/hwb-to-lch/) - [HWB～OKLCH色空間 色形式コンバーター](https://oneclick.pro/ja/tool/color-format-converter/hwb-to-oklch/) - [HWB～CMYKカラー 色形式コンバーター](https://oneclick.pro/ja/tool/color-format-converter/hwb-to-cmyk/) - [HWB～Display P3色空間 色形式コンバーター](https://oneclick.pro/ja/tool/color-format-converter/hwb-to-p3/) - [CIELAB色空間～HEX 色形式コンバーター](https://oneclick.pro/ja/tool/color-format-converter/lab-to-hex/) - [CIELAB色空間～RGB 色形式コンバーター](https://oneclick.pro/ja/tool/color-format-converter/lab-to-rgb/) - [CIELAB色空間～HSL 色形式コンバーター](https://oneclick.pro/ja/tool/color-format-converter/lab-to-hsl/) - [CIELAB色空間～HWB 色形式コンバーター](https://oneclick.pro/ja/tool/color-format-converter/lab-to-hwb/) - [CIELAB色空間～CIE LCH 色形式コンバーター](https://oneclick.pro/ja/tool/color-format-converter/lab-to-lch/) - [CIELAB色空間～OKLCH色空間 色形式コンバーター](https://oneclick.pro/ja/tool/color-format-converter/lab-to-oklch/) - [CIELAB色空間～CMYKカラー 色形式コンバーター](https://oneclick.pro/ja/tool/color-format-converter/lab-to-cmyk/) - [CIELAB色空間～Display P3色空間 色形式コンバーター](https://oneclick.pro/ja/tool/color-format-converter/lab-to-p3/) - [CIE LCH～HEX 色形式コンバーター](https://oneclick.pro/ja/tool/color-format-converter/lch-to-hex/) - [CIE LCH～RGB 色形式コンバーター](https://oneclick.pro/ja/tool/color-format-converter/lch-to-rgb/) - [CIE LCH～HSL 色形式コンバーター](https://oneclick.pro/ja/tool/color-format-converter/lch-to-hsl/) - [CIE LCH～HWB 色形式コンバーター](https://oneclick.pro/ja/tool/color-format-converter/lch-to-hwb/) - [CIE LCH～CIELAB色空間 色形式コンバーター](https://oneclick.pro/ja/tool/color-format-converter/lch-to-lab/) - [CIE LCH～OKLCH色空間 色形式コンバーター](https://oneclick.pro/ja/tool/color-format-converter/lch-to-oklch/) - [CIE LCH～CMYKカラー 色形式コンバーター](https://oneclick.pro/ja/tool/color-format-converter/lch-to-cmyk/) - [CIE LCH～Display P3色空間 色形式コンバーター](https://oneclick.pro/ja/tool/color-format-converter/lch-to-p3/) - [OKLab色空間～HEX 色形式コンバーター](https://oneclick.pro/ja/tool/color-format-converter/oklab-to-hex/) - [OKLab色空間～RGB 色形式コンバーター](https://oneclick.pro/ja/tool/color-format-converter/oklab-to-rgb/) - [OKLab色空間～HSL 色形式コンバーター](https://oneclick.pro/ja/tool/color-format-converter/oklab-to-hsl/) - [OKLab色空間～HWB 色形式コンバーター](https://oneclick.pro/ja/tool/color-format-converter/oklab-to-hwb/) - [OKLab色空間～CIELAB色空間 色形式コンバーター](https://oneclick.pro/ja/tool/color-format-converter/oklab-to-lab/) - [OKLab色空間～CIE LCH 色形式コンバーター](https://oneclick.pro/ja/tool/color-format-converter/oklab-to-lch/) - [OKLab色空間～OKLCH色空間 色形式コンバーター](https://oneclick.pro/ja/tool/color-format-converter/oklab-to-oklch/) - [OKLab色空間～CMYKカラー 色形式コンバーター](https://oneclick.pro/ja/tool/color-format-converter/oklab-to-cmyk/) - [OKLab色空間～Display P3色空間 色形式コンバーター](https://oneclick.pro/ja/tool/color-format-converter/oklab-to-p3/) - [CMYKカラー～HEX 色形式コンバーター](https://oneclick.pro/ja/tool/color-format-converter/cmyk-to-hex/) - [CMYKカラー～RGB 色形式コンバーター](https://oneclick.pro/ja/tool/color-format-converter/cmyk-to-rgb/) - [CMYKカラー～HSL 色形式コンバーター](https://oneclick.pro/ja/tool/color-format-converter/cmyk-to-hsl/) - [CMYKカラー～HWB 色形式コンバーター](https://oneclick.pro/ja/tool/color-format-converter/cmyk-to-hwb/) - [CMYKカラー～CIELAB色空間 色形式コンバーター](https://oneclick.pro/ja/tool/color-format-converter/cmyk-to-lab/) - [CMYKカラー～CIE LCH 色形式コンバーター](https://oneclick.pro/ja/tool/color-format-converter/cmyk-to-lch/) - [CMYKカラー～OKLCH色空間 色形式コンバーター](https://oneclick.pro/ja/tool/color-format-converter/cmyk-to-oklch/) - [CMYKカラー～Display P3色空間 色形式コンバーター](https://oneclick.pro/ja/tool/color-format-converter/cmyk-to-p3/) - [Display P3色空間～HEX 色形式コンバーター](https://oneclick.pro/ja/tool/color-format-converter/p3-to-hex/) - [Display P3色空間～RGB 色形式コンバーター](https://oneclick.pro/ja/tool/color-format-converter/p3-to-rgb/) - [Display P3色空間～HSL 色形式コンバーター](https://oneclick.pro/ja/tool/color-format-converter/p3-to-hsl/) - [Display P3色空間～HWB 色形式コンバーター](https://oneclick.pro/ja/tool/color-format-converter/p3-to-hwb/) - [Display P3色空間～CIELAB色空間 色形式コンバーター](https://oneclick.pro/ja/tool/color-format-converter/p3-to-lab/) - [Display P3色空間～CIE LCH 色形式コンバーター](https://oneclick.pro/ja/tool/color-format-converter/p3-to-lch/) - [Display P3色空間～OKLCH色空間 色形式コンバーター](https://oneclick.pro/ja/tool/color-format-converter/p3-to-oklch/) - [Display P3色空間～CMYKカラー 色形式コンバーター](https://oneclick.pro/ja/tool/color-format-converter/p3-to-cmyk/) ここに広告を掲載しませんか？ [メールでお問い合わせ](mailto:hi@dennn.is?subject=OneClick%20Pro%E3%81%A7%E3%81%AE%E5%BA%83%E5%91%8A%E6%8E%B2%E8%BC%89) [広告 WordPress向けのエージェント対応プラグインスイート。](https://sleekwp.com/?ref=oneclickpro)