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