補色を​調べるツール。

色を入力すると、カラーホイール上の反対側の色と、それに合う4つの配色が表示されます。どの色もHEX、RGB、HSLでそのままコピーできます。

ベースカラー

ホイール上の点をドラッグして回すと、色が変わります。

  • rgb(255, 0, 244)hsl(303, 100%, 50%)
  • rgb(0, 255, 11)hsl(123, 100%, 50%)

無料ツールです。保証も責任も負いません。結果はtransjt.aiの無料ツールが自動で生成したものにすぎません。不完全だったり誤っていたりする場合があります。transjt.aiは、これに基づく判断や変更について一切の保証をせず、責任も負いません。使用する前に、すべての結果を必ず確認してください。

仕組み

3ステップで​補色を​見つける。

  1. 01

    色を選ぶ

    HEXコードを入力するか、ピッカーで選びます。

  2. 02

    配色を選ぶ

    補色、分裂補色、類似色、トライアド、スクエアから選べます。

  3. 03

    色をコピー

    色をクリックするとHEXコードをコピーできます。横に表示されるRGBやHSLもコピーできます。

  4. AIで作ったサイトで試してみましょう。

    今日​デザインして、​明日​公開。

    無料で始めるデモを予約
FAQ

質問と回答。

変換の前によく寄せられる質問。

デモを予約
  • カラーホイールでちょうど反対側、180度回った位置にある色です。この組み合わせは色相のコントラストが最も強くなるため、補色のアクセントは目立ちます。たとえば、ページの色の反対色を使ったボタンです。

  • 赤、緑、青の光による画面用のホイールで、HEX、RGB、HSLの基になっているものです。赤、黄、青による絵の具のホイールでは一部の反対色が異なり、たとえば赤の反対はシアンではなく緑になります。

  • 分裂補色は反対色の両隣の2色を使い、目に優しいコントラストになります。類似色は選んだ色の両隣を使い、落ち着いたパレットになります。トライアドとスクエアは、3色または4色をホイール上に均等に配置します。

  • 1色をメインにして、補色はCTA、リンク、強調などに控えめに使います。よく使われる比率は、メインカラー60%、ニュートラル30%、アクセント10%です。

  • はい。登録不要で、制限もありません。

今日​デザインして、​明日​公開。

transjtでは一秒一秒が大切です。だから私たちの使命はシンプル。あなたの時間を節約し、ワークフローの手間をなくすことです。