OKLab色空間～Display P3色空間 色形式コンバーター

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()形式の値を入力すると、誤変換を防ぐために拒否されます。

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(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桁に丸められます。計算はすべて丸め前に倍精度で行われるため、往復変換しても元の値との差は丸め誤差の範囲内です。

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文字以内で指定してください。

無彩色には色相がなく、CSSではnoneと記述できます。コンバーターでは代わりに0と記述するため、noneに対応していないツールでも値を使えます。彩度またはクロマが0の場合、色相は見た目に影響しません。