OKLCHハーモナイザー

OKLCH 調和を3ステップで生成

すべてのステップでライブコントラストとガマットマッピングを備えた知覚的に均一な調和です。

1. 01

   ベースとルール

   HEX を入力またはランダム生成し、補色、分割補色、3色調和、4色調和、類似色、または単色調和を選択します。

2. 02

   微調整

   派生したすべてのスウォッチには OKLCH 空間で L/C/H スライダーがあり、ガマット外の値は最も近い表示可能な色にマッピングされます。

3. 03

   エクスポート

   白/黒とのコントラストをライブで確認し、CSS 変数または JSON をコピーするか、セット全体をパレットボードに送信します。

ハーモナイザー FAQ

OKLCH 調和に関する3つのよくある質問

OKLCH 調和はカラーホイールベースの調和とどう違うの？

HSLでは「明度が等しい」は知覚的に等しくありません。回転した黄色はまぶしく、青はくすんでしまいます。OKLCHは知覚的に均一なため、色相回転によって明度と彩度が正確に保持され、自然でバランスの取れたパレットが生成されます。

スライダーが画面の色域外に出た場合はどうなりますか？

OKLCH空間はsRGBよりも広いです。色域外の値は自動的に最も近い表示可能な色にマッピングされるため、表示されるHEXはそのまま使用できます。

結果をプロジェクトでどのように使用しますか？

エクスポートエリアから:root CSS変数またはJSONをコピーするか、パレットボードでセットを開いてロック、再生成、PNG/ASEなどのエクスポートを行えます。

結果を取得した後

ここから先に進み、色を活用しましょう。