CSS color-mix() Previewer

ブラウザ標準 CSS color-mix() の混合結果をリアルタイムでプレビューできるデスクトップアプリです。

カラーピッカーで2色を選び、混合割合と色空間（sRGB・HSL・oklch など8種）を変えながら結果を確認。CSSコードはワンクリックでコピー、.cssファイルとして保存もできます。

【主な機能】

✓ 2色をカラーピッカーで選択（HEX直接入力も可）

✓ 混合割合スライダー（0〜100%）

✓ 8種の色空間から選択：srgb / srgb-linear / hsl / hwb / lch / oklch / lab / oklab

✓ 混合結果のカラープレビュー

✓ HEX / RGB / HSL 値をリアルタイム表示

✓ color-mix() CSSコードをワンクリックコピー

✓ 生成したCSSを .cssファイルとして保存（デスクトップ版限定）

✓ 完全ローカル処理・インターネット接続不要

【Web版との違い】

デスクトップ版は生成したCSSコードをネイティブ「ファイル保存ダイアログ」で .cssファイルとして直接保存できます。

【動作環境】

Windows 10 / 11 (64bit)

【無料Web版】

https://devtools-hub.vercel.app/tools/color-mix-previewer

ご不明な点は [email protected] までお気軽にどうぞ。