デザイン
カラーシェードジェネレーター
任意の色の色合いと陰影
固定トークン50–950。50が最も明るく、950が最も暗く、500は入力色そのものです。
UIの比率？ アスペクト比計算機 · ハーモニー: カラーパレット生成 · WCAG: カラーコントラストチェッカー.
カラーパレットを作成
知覚的に均等な固定50–950デザインシステム色階またはカスタムの明色/暗色段階を生成し、CSSカスタムプロパティをコピーするかJSONをダウンロードします。
よくある質問
ティントとシェードとは？
ティントは明るいバリエーション、シェードは暗いバリエーションです。このツールは、エンコードされたsRGBチャンネルを補間するのではなく、知覚的なOKLCHの明度とクロマを調整します。
色をコピーする方法
任意のスウォッチをクリックするとHEX値をコピーできます。「CSS変数をコピー」または「JSONをダウンロード」でスケール全体をエクスポートできます。
これは何に役立ちますか？
単一のブランドカラーからカラーパレットとデザインシステムのスケールを作成し、CSSカスタムプロパティまたはTailwind形式のトークンとしてエクスポートできます。
最終更新日: