類似色ジェネレーター

3色が6桁の小文字のHEXコードで返されます。色1は色相を30度戻した色、色2はベースカラー、色3は色相を30度進めた色です。

類似色配色は中央の色相を基準に作られるため、リストはその前後にある色から順に並びます。この順序なら、色相が滑らかに移り変わるパレットとして読み取れます。

隣の色はHSL色相環上でベースカラーの色相からちょうど30度離れています。これは、色同士の関連性を保ちながら見分けやすくする一般的な間隔です。彩度と明度はベースカラーと同じです。

#ff0000の場合、ツールは#ff0080、#ff0000、#ff8000を返します。ピンクがかった赤、赤そのもの、オレンジです。色相の計算は360度で一周するため、赤に近い色の両側にも隣り合う色が得られます。

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

このツールは色相、彩度、明度を整数で扱うため、HEXからHSLに変換して戻すと、チャンネル値が1段階ずれることがあります。#ff5733は#ff5833に戻り、その両隣の色は#ff3374と#ffbe33です。

背景、グラデーション、自然をテーマにしたデザイン、まとまりが求められるデータ系列など、統一感と落ち着きが必要なデザインに類似色は適しています。色相が近いため、ボタンやテキストには無彩色か、コントラストのあるアクセントカラーを加えてください。

無彩色は彩度がゼロのため、隣り合う色も同じグレーになり、3色とも同じ結果になります。異なる色相を3つ得るには、ある程度の彩度がある色をベースにしてください。

いいえ。結果の一貫性を保つため、間隔は30度に固定されています。別の色の関係を使う場合は、補色、トライアド、スプリット補色、テトラード、またはモノクロマティックの各ジェネレーターをお使いください。

はい。このツールはカラーパレットジェネレーターの類似色設定と同じ計算を行い、同じ入力に対して同一のHEXコードを返します。