AIで写真を編集 — 変えたい内容を書くだけ開く
PhotoRetrica

インタラクティブ カラーホイール

ベースの色を選んで、補色、類似色、トライアド、テトラード、分裂補色の配色を作成できます。

ファイルはお使いのデバイスから外に出ません完全無料

ベースカラー

#FF3D72

補色

類似色

トライアド

テトラード

スプリット補色

使い方: カラーホイール

  1. 1

    色を入力する

    カラーコードを入力するか、カラーピッカーで色を選びます。各フィールドには表示されている形式で入力できます。

  2. 2

    変換結果を確認する

    入力と同時に結果が更新され、色のライブプレビューも表示されます。

  3. 3

    コードをコピーする

    必要な値をワンクリックでコピーし、デザインや CSS、印刷設定に貼り付けます。

カラーホイールとは

カラーホイール(色相環)は、調和のとれた配色づくりに役立ちます。色相を円形に並べているので、色同士の関係を角度で表せます。補色は180°反対側、類似色は30°離れた隣の色、トライアドは120°ずつ離れた3色、テトラードは90°ずつ離れた4色、分裂補色は補色の両隣にある2色とベースの色の組み合わせです。

カラーダイアログでベースの色を選ぶかHEXコードを入力すると、5つの配色がすべてすぐに更新されます。このツールは色相だけを回転させ、ベースの色の彩度と明度はそのまま保つので、すべての色見本が同じ鮮やかさになります。色見本をクリックするとHEXコードがコピーされ、カーソルを合わせるとRGB値が表示されます。落ち着いたデザインにしたい場合は、1色をメインにして、ほかの色をアクセントとして使いましょう。

すべての処理はブラウザ内で完結します。画像がサーバーにアップロードされることはありません。