なぜこのツールが役立つのか
HEXカラーから、コピー可能なCSS変数付きの、明暗の段階を持つ決定的なシェードスケールを作成する必要があるときは、Color Shades Generatorを使用してください。結果はすぐに表示され、再利用する前に簡単に確認できます。
デザイン & CSS · ローカルで実行
カラーシェードジェネレーター
HEXカラーから、コピー可能なCSS変数を備えた、明るい色から暗い色までの決定論的な階調スケールを作成します。
準備完了。作業データはこのブラウザに保存されます。
どのように働くか
Color Shades Generator に要求された値を入力してください。ブラウザが入力を検証し、計算をローカルで実行して、明確なエラーとともにコピー可能な結果を生成します。
実用例
実用的な使い方としては、まず小さなサンプルで Color Shades Generator を実行して出力を確認し、その後、完全な値またはリストを処理します。
検証
計算は決定的であり、無効な入力を静かに変更するのではなく、検証エラーを説明します。
プライバシー境界
入力と出力はこのタブ内にとどまります。コピーとダウンロードはサーバーアップロードなしでブラウザAPIを通じて行われます。
結果パスポート
各実行はツールモード、タイムスタンプ、入出力サイズを報告するため、変換されたデータの監査が可能です。