補色
反対側の色相を CTA、強いアクセント、エネルギッシュなブランド表現に。
調和を見つける
カラーホイール
補色、類似色、トライアド、スプリット補色、テトラード、単色の配色ルールで、ベースカラーからカラースキームを組み立てます。パレットは HEX・RGB・HSL、CSS 変数、Tailwind 向けの値でコピーできます。
カラーホイール
調整
210°
80%
50%
配色タイプ
色相環で向かい合う色。コントラストが最も強く、力強いアクセントに。
生成されたパレット
#197FE6rgb(25, 127, 230)hsl(210, 80%, 50%)oklch(0.6 0.179 254)#E68019rgb(230, 128, 25)hsl(30, 80%, 50%)oklch(0.7 0.161 58)
試してみたい配色のアイデア
類似色パレット
隣り合う色相で、落ち着いた UI、自然をテーマにしたデザイン、まとまりのある背景に。
トライアドとテトラード
バランスのとれた多色システムを、ダッシュボード、イラスト、エディトリアルレイアウトに。