カラーハーモナイザー
任意のベースカラーから調和の取れたカラーの組み合わせを検索。補色、類似色、三色、分裂補色、四色、正方形ハーモニーを計算。
すべての処理はブラウザ内で行われます。データはアップロードされません。
カラーハーモナイザー
任意のベースカラーから調和の取れたカラーの組み合わせを検索。補色、類似色、三色、分裂補色、四色、正方形ハーモニーを計算。
🔒すべての処理はブラウザ内で行われます。データはアップロードされません。
ベースカラー
hsl(221, 83%, 53%)
rgb(37, 99, 235)
All Harmonies
カラーホイール
補色
2 色
カラーホイール上で互いに反対側にある2色。高コントラストで鮮やかな印象。
ベース#2563EBrgb(37, 99, 235)
補色#EBAD25rgb(235, 173, 37)
類似色
5 色
ホイール上で隣接する色。調和的で自然な雰囲気、低コントラスト。
-30°#25C6EBrgb(37, 198, 235)
-15°#2594EBrgb(37, 148, 235)
ベース#2563EBrgb(37, 99, 235)
+15°#2531EBrgb(37, 49, 235)
+30°#4A25EBrgb(74, 37, 235)
三色配色
3 色
120度間隔で均等に配置された3色。バランスが取れて鮮やか。
ベース#2563EBrgb(37, 99, 235)
+120°#EB2563rgb(235, 37, 99)
+240°#63EB25rgb(99, 235, 37)
分裂補色
3 色
ベースカラーとその補色に隣接する2色。強いコントラストで緊張感が少ない。
ベース#2563EBrgb(37, 99, 235)
+150°#EB4A25rgb(235, 74, 37)
+210°#C6EB25rgb(198, 235, 37)
四色配色（長方形）
4 色
ホイール上で長方形を形成する4色。豊かなパレット、1色を支配的にすると効果的。
ベース#2563EBrgb(37, 99, 235)
+60°#AD25EBrgb(173, 37, 235)
+180°#EBAD25rgb(235, 173, 37)
+240°#63EB25rgb(99, 235, 37)
正方形配色
4 色
90度間隔で均等に配置された4色。大胆でダイナミック、すべての色が同等に鮮やか。
ベース#2563EBrgb(37, 99, 235)
+90°#EB25C6rgb(235, 37, 198)
+180°#EBAD25rgb(235, 173, 37)
+270°#25EB4Argb(37, 235, 74)