カラー提案：相性のよい色を探す
相性のよい3色を見つける
HEX・RGB・HSLの色を入力すると、Web、UI、ブランディング、デザインに合う3色を提案します。
Supported: HEX (#RGB or #RRGGBB), RGB and HSL.
Your Color
#6848E8
3 Recommended Contrasting Colors
Click any color to copy its HEX code.
💡 How these colors are chosen
ColorPick uses hue relationships and lightness adjustments to create complementary and split-complementary options. The contrast ratio shown on each card is calculated against your original color, so you can quickly judge how strongly the two colors separate visually.
配色とコントラストに役立つカラー提案
1色のベースカラーから、実用的な組み合わせを見つけます。HEX・RGB・HSLを入力し、提案された色を比較して、アクセント、背景、ボタンなどの役割に合う色を選べます。
まず正確なベースカラーを決め、実際のデザイン上で提案色を確認するのが基本です。色の関係は探索の手がかりになりますが、コントラスト、階層、ブランドイメージ、使用面積を含めて最終判断します。