無料ツールすべてのカラーツール
補色を調べるツール。
色を入力すると、カラーホイール上の反対側の色と、それに合う4つの配色が表示されます。どの色もHEX、RGB、HSLでそのままコピーできます。
ベースカラー
ホイール上の点をドラッグして回すと、色が変わります。
- rgb(255, 0, 244)hsl(303, 100%, 50%)
- rgb(0, 255, 11)hsl(123, 100%, 50%)
無料ツールです。保証も責任も負いません。結果はtransjt.aiの無料ツールが自動で生成したものにすぎません。不完全だったり誤っていたりする場合があります。transjt.aiは、これに基づく判断や変更について一切の保証をせず、責任も負いません。使用する前に、すべての結果を必ず確認してください。
カラーホイールでちょうど反対側、180度回った位置にある色です。この組み合わせは色相のコントラストが最も強くなるため、補色のアクセントは目立ちます。たとえば、ページの色の反対色を使ったボタンです。
赤、緑、青の光による画面用のホイールで、HEX、RGB、HSLの基になっているものです。赤、黄、青による絵の具のホイールでは一部の反対色が異なり、たとえば赤の反対はシアンではなく緑になります。
分裂補色は反対色の両隣の2色を使い、目に優しいコントラストになります。類似色は選んだ色の両隣を使い、落ち着いたパレットになります。トライアドとスクエアは、3色または4色をホイール上に均等に配置します。
1色をメインにして、補色はCTA、リンク、強調などに控えめに使います。よく使われる比率は、メインカラー60%、ニュートラル30%、アクセント10%です。
はい。登録不要で、制限もありません。
その他の無料ツール
関連ツール。
- 画像のカラーピッカー画像の任意の位置をクリックして、HEXとRGBを取得。
- 画像からカラーパレット作成画像の主な色を、多い順に。
- RGBからHEXへ赤、緑、青の値を、入力と同時にHEXコードへ。
- HEXからRGBへHEXコードを、入力と同時に赤、緑、青の値へ。
- CMYKからRGBへ印刷用の値を、HEXコードつきで画面用の色へ。
- カラーコントラストチェッカー文字色と背景色を、WCAGのAAとAAAに照らしてチェック。
- すべてのカラーツールHEX、RGB、CMYKのコード、補色、カラーピッカー、画像からのカラーパレット。
- すべての無料ツールWebサイトまわりの作業のための小さなツール集。画像、カラー、サイズ、フォント、代替テキスト、AIビルダー向けのプロンプト、そしてAIエージェントがサイトを使えるかどうかのチェック。変換ツールはブラウザー内で動作するので、何もアップロードされません。