2色間の知覚的に均一なグラデーションスケールを生成するか、減法混色でブレンドします。
linear-gradient(90deg, #E63946 0%, #CD4D66 17%, #B35881 33%, #995E99 50%, #7E61AF 67%, #5F60C5 83%, #3B5BDB 100%)
OKLab空間での補間:色相は視覚的に均一な経路をたどります — 赤 + 青は濁った灰色にならずに紫になり、中間に不自然な領域がありません。
任意の2色間の知覚的に均一なランプで、密度を調整可能で1クリックでCSSグラデーションを生成できます。
AとBの色を選択(カラーピッカーまたは直接HEX入力);スワップボタンで1クリックで端点を入れ替えます。
知覚モードはOKLabで補間するため、補色のペアでも色相の遷移が保たれます;RGBモードはほとんどのソフトウェアのナイーブなブレンドを再現します。両方を比較して違いを確認できます。
ステップスライダーをドラッグしてスケール密度を調整(3~15)、完全なCSSグラデーションをコピー、または任意の中間色をクリックしてそのプロフィールを開きます。
ブレンディングアルゴリズムに関するよくある3つの質問。
スケールをグラデーションスタジオに取り込んで中間地点を追加したり、カラーホイールを開いてブレンドした色から調和を構築したりできます。