メインコンテンツにスキップ
ToolShed
ホーム
人気
新着ツール
すべてのツール
読み込み中...
ホーム
カラー
カラーシェード生成
カラー
無料
登録不要
カラーシェード生成
指定色の明暗バリエーション(10段階)を自動生成。Tailwind風カラーパレット作成に便利な無料オンラインツール。
Input
Result
HEXカラーを入力 (例: #3b82f6)
Copy
FAQ
よくある
質問
HEX、RGB、HSLのどのフォーマットに対応していますか？
+
カラーシェード生成は主要なカラーフォーマットに対応しています。HEX（#FF0000）、RGB（255,0,0）、HSL（0,100%,50%）など、入力形式を自動判定します。
オフラインでも使えますか？
+
スマートフォンでも使えますか？
+
関連ツール
こちらも
おすすめ
アクセシブルカラー生成
WCAG 2.1のコントラスト比基準（AA/AAA）を満たす色の組み合わせを自動生成。アクセシビリティ対応のWebデザインに。無料オンラインカラーツール。
ANSIカラー一覧
ANSI 16色のコード一覧を表示する無料オンラインツール。ANSIカラー一覧をブラウザ上で即座に実行でき、カラーツールとして登録不要で利用できます。
ブランドカラー一覧
主要ブランドのブランドカラーを一覧表示する無料オンラインツール。
アルファブレンド
HEXカラーに白背景でアルファ値50%を合成する無料オンラインツール。
CMYK→HEX変換
CMYKカラー値をHEXに変換する無料オンラインツール。
コントラスト比チェッカー
文字色と背景色のコントラスト比をWCAG 2.1基準（AA/AAA）でチェック。アクセシビリティ準拠の色選びに。無料オンラインツール。
Color Shades | Color Tools | ToolShed | ToolShed