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


    
    

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