メインコンテンツにスキップ
ToolShed
ホーム
人気
新着ツール
すべてのツール
読み込み中...
ホーム
カラー
配色理論ツール
カラー
無料
登録不要
配色理論ツール
ベースカラーから補色・類似色・トライアド・スプリットコンプリメンタリー等の配色を自動生成。デザインの配色選びに役立つ無料オンラインツール。
Harmony:
Random
Complementary
Analogous
Triadic
Split-complementary
Generate
or press Space
#4DDBAE
#6659DE
#3D40C7
#72D133
#7B1CC4
#4DDBAE
rgb(77, 219, 174)
HEX
RGB
#6659DE
rgb(102, 89, 222)
HEX
RGB
#3D40C7
rgb(61, 64, 199)
HEX
RGB
#72D133
rgb(114, 209, 51)
HEX
RGB
#7B1CC4
rgb(123, 28, 196)
HEX
RGB
FAQ
よくある
質問
使い方を教えてください。
+
画面の入力欄に処理したい値を入れるだけで、配色理論ツールが即座に結果を表示します。コピー ボタンで結果をワンクリックでクリップボードに送れます。
料金はかかりますか?
+
HEX、RGB、HSLのどのフォーマットに対応していますか?
+
バリエーション
関連
バリエーション
配色理論ツール
画像カラーピッカー
関連ツール
こちらも
おすすめ
アクセシブルカラー生成
WCAG 2.1のコントラスト比基準(AA/AAA)を満たす色の組み合わせを自動生成。アクセシビリティ対応のWebデザインに。無料オンラインカラーツール。
HEXからパレット生成
HEXカラーコードから補色・類似色・トライアドのカラーパレットを自動生成する無料オンラインツール。
テキストからカラー抽出
CSSやコードからHEX・RGB・HSL等のカラー値を自動抽出してパレット表示。デザイン作業の色確認に便利な無料オンラインツール。
パステルカラー生成
HEXカラーからパステル版を生成する無料オンラインツール。
CMYK→HEX変換
CMYKカラー値をHEXに変換する無料オンラインツール。
コントラスト比チェッカー
文字色と背景色のコントラスト比をWCAG 2.1基準(AA/AAA)でチェック。アクセシビリティ準拠の色選びに。無料オンラインツール。
Color Harmony | Color Tools | ToolShed | ToolShed