DevTools Japan トップへ

カラーパレット生成

ベースカラーから調和する配色を自動生成

#6366F1

カラーパレット生成ツールの使い方

メインカラーから調和の取れた配色パターンを自動生成する無料ツールです。Webサイト、アプリ、プレゼン資料のデザインで、色の組み合わせに迷ったときに最適な配色を提案します。

配色パターンの種類

補色(反対色)、類似色(隣接色)、トライアド(三角形)、テトラード(四角形)、スプリットコンプリメンタリーなどの配色理論に基づいたパレットを生成します。色彩理論を知らなくても、調和の取れた配色が得られます。

デザイナーの実務で

ブランドカラーからWebサイト全体の配色を決める、プレゼン資料のアクセントカラーを選ぶ、アプリのUIテーマを設計するなど、プロのデザイナーも日常的に使うカラーパレット生成機能です。

関連ツール

カラーコード変換ツール HTMLカラーネーム一覧 CSSグラデーション生成ツール
コピーしました