# スプリット補色ジェネレーター

このスプリット補色ジェネレーターを使って、1つのベースカラーからスプリット補色の配色を作成できます。3桁または6桁のHEXコードを入力すると、ベースカラーと、HSL色相環上でその補色の両側にある210度と150度離れた2色を、HEXコードで返します。単純な補色の組み合わせよりも緊張感を抑えつつ、強いコントラストを求めるデザイナーや開発者に役立ちます。

## よくある質問

### スプリット補色ジェネレーターでは何が得られますか？

3色が6桁の小文字のHEXコードで返されます。色1はベースカラー、色2は色相を210度回転させた色、色3は色相を150度回転させた色です。

### スプリット補色配色とは何ですか？

ベースカラーの正反対にある1色の代わりに、その反対色の両側に30度ずつ離れた2色を使います。補色ペアのコントラストをほぼ保ちながら、よりバランスを取りやすいパレットになります。

### どのように計算されますか？

ツールはHEXコードをHSLに変換し、色相に210度と150度を加えて、360度で一周させます。彩度と明度はそのまま保たれ、各色はHEXコードに戻されます。

### 純粋な赤のスプリット補色は何ですか？

\#ff0000の場合、ツールは#ff0000、#00ff80、#0080ffを返します。シアンの両側にあるスプリンググリーンとアズールです。このツールは画面表示に基づくHSL色相環を使用するため、画家が使う赤・黄・青の色相環とは結果が異なります。

### どの色形式を入力できますか？

3桁または6桁のHEXコードを1つ入力してください。#の有無は問いません。たとえば#3366ccや36cです。RGBやHSLの文字列、色名は受け付けないため、あらかじめHEXコードに変換してください。

### 結果のベースカラーが少し違うのはなぜですか？

色相、彩度、明度は整数に丸められるため、色をHSLに変換して戻すと、チャンネル値が1段階変わることがあります。たとえば、#ff5733は#ff5833に戻り、その両側に#33ffbeと#3374ffが並びます。

### スプリット補色パレットはどのように使えばよいですか？

ベースカラーをメインカラーとして使い、2つのスプリット補色を二次操作、ハイライト、グラフの系列などのアクセントに使ってください。アクセントカラーは正反対の色ではないため、直接の補色よりもベースカラーとぶつかりにくくなります。

### 黒、白、グレーの場合はどうなりますか？

無彩色は彩度がゼロのため、色相を回転させても同じグレーが返されます。異なる3色を得るには、ある程度の彩度がある色をベースに選んでください。

### このツールはテキストのコントラストをチェックしますか？

いいえ、色を計算するだけです。3色ともベースカラーと同じ明度なので、公開する前にコントラストチェッカーでテキストと背景の組み合わせを確認してください。

### 出力はColor Palette Generatorと同じですか？

はい。このツールはColor Palette GeneratorのSplit Complementaryオプションとまったく同じ計算を行うため、同じベースカラーに対して両方とも同じ16進コードを返します。

ここに広告を掲載しませんか？

[メールでお問い合わせ](mailto:hi@dennn.is?subject=OneClick%20Pro%E3%81%A7%E3%81%AE%E5%BA%83%E5%91%8A%E6%8E%B2%E8%BC%89)

[広告 WordPress向けのエージェント対応プラグインスイート。](https://sleekwp.com/?ref=oneclickpro)