カラーパレット生成

ベースカラーを選ぶと、補色・類似色・三角配色などの調和のとれたカラーパレットを自動生成します。

#F40000HSL(0, 100%, 48%)

対称色を組み合わせたパレット

ベース#f40000
+30°#F57A00
-30°#F5007A
補色#00F5F5
補色-30°#00F57A
#f40000
HSL(0, 100%, 48%)
ベース
#F57A00
HSL(30, 100%, 48%)
+30°
#F5007A
HSL(330, 100%, 48%)
-30°
#00F5F5
HSL(180, 100%, 48%)
補色
#00F57A
HSL(150, 100%, 48%)
補色-30°

📖 使い方ガイド

ベースカラーを選択してパレット種類を切り替えると、調和のとれたカラーセットが生成されます。 色の帯またはカードをクリックするとHEXコードをコピーできます。

  • 補色:メインカラーとその対角の色のコントラストが強い組み合わせ
  • 類似色:近い色相で統一感のある落ち着いた組み合わせ
  • 三角配色:色相環の三角形でバランスよくカラフルな組み合わせ
  • 四角配色:4色の豊かなバリエーション
  • 明度変化:モノトーンの濃淡パレット

ツール一覧

📚 次に読む記事

最新の使い方ガイドやセキュリティトレンド、導入事例をまとめた記事を公開しています。 メンテナンス情報や新機能のお知らせもこちらからご確認いただけます。

記事一覧を見る

🛠 関連ツール

用途別にツールを組み合わせることで、日々の作業をさらに効率化できます。

✉ お問い合わせ

追加してほしい機能や不具合のご報告、Google AdSense 対策に関するご相談など、お気軽にお寄せください。

お問い合わせフォームへ