用語集 · アニメーション

OKLabとOKLCH

人の知覚に基づいて設計された色空間。色を混ぜると、より自然な中間色が得られます。

詳細

RGBで色を成分ごとに混ぜると、中間色がくすんだり濁ったりすることがあります。OKLabとOKLCHは、色を知覚に即して（明るさ、彩度、色相で）表すため、2色間のグラデーションがより均一に変化します。

BannerMotionでは、混ぜ方を選べます。OKLabでは経路が直線的で、反対の2色の中間点はグレーに近づきます。OKLCHでは色相が最短の弧をたどり、鮮やかさが保たれます。これはスタイルの選択です。両方を試して、ブランドに合うほうを確かめてください。

例

color: oklch(0.7 0.15 250);

[この用語はまだどのガイドにも掲載されていません。]

実際のキャンペーンで試してみましょう。