CSS変数カラージェネレーター

ライトモードを編集中

プレビュー(色チップをサンプルカードにドラッグ＆ドロップで適用可能)

▶ コントラスト評価

画像から色抽出

出力


    
    
color-mix() / oklch() は対応ブラウザでのみ解決されます。CSSカスタムプロパティは使用時に解決されるため宣言順は問いません。サンプルUIに反映する変数は「⚙ サンプル設定」で各スロットに割り当てできます。