カラーシェード - 無料でオンライン利用 | FunToolX
カラーシェードをオンラインで無料で利用。ダウンロード不要。FunToolXは数百の面白いオンラインツールを提供。
カラーシェイズジェネレーター
色を選択してトーンとシャドーのグラデーションを生成します。サンプルのどれかをクリックしてHEXコードをコピーします。
色相（白を追加） / シャドウ（黒を追加）
補完的
同様の
コピー！
このツールについて
カラーシェードは無料のオンラインカラーツールです。ベースカラーから明暗、補色、類似色を生成。集中したい時やリラックスしたい時、ちょっとした楽しみに最適です。ブラウザだけで使え、ダウンロードや登録は不要です。
ベースカラー（#3 B 82 F 6など）を入力すると、ツールは自動的に50-900のレベル範囲を生成します（Tailwind CSSのようなカラーシステム）。50が最も明るく、900が最も深く、各レベルは主な色に基づいて明るさと彩度を調整します。
生成アルゴリズム：HSL色空間では、色相（H）をそのままにし、輝度（L）と彩度（S）を調整します。明るい色の次数は彩度を下げて輝度を上げ、暗い次数は彩度を上げて輝度を下げて均一な視覚を確保します。
UIコンポーネントのホバー、プッシュ、無効などの異なる状態のデザインに適した色。テーマカラーシステム、データビジュアライゼーションのカラーシーケンスを生成するためにも使用される。CSS変数、Tailwind設定、JSONとしてエクスポートできます。
UIデザインやカラーマッチングリファレンスのために、1つのメインカラーに基づいて明るいから暗いまでの複数のレベルバリエーションを自動的に生成するカラーレベルジェネレータ。