ツール ガイド
design 無料 サインアップ不要

QR コード生成

補色、類似色、三色配色などのハーモニールールを使用してベースカラーから調和のとれたカラーパレットを生成します。

ツールを読み込み中…

このツールについて

任意のベースカラーを選択すると、6つのハーモニーモード(補色、類似色、三色配色、四色配色、スプリット補色、モノクロマティック)を使用して完全なパレットが即座に生成されます。各スウォッチにはHEX、RGB、HSLの値が表示されます。パレットをCSSカスタムプロパティ、JSON配列、またはTailwindコンフィグスニペットとしてエクスポートするか、「ランダム化」をクリックして新しいパレットを発見しましょう。

使い方

  1. 1 カラーピッカーを使用するか、HEX値を入力してベースカラーを設定してください。
  2. 2 ボタンからハーモニーモードを選択してください(補色、類似色、三色配色など)。
  3. 3 任意のスウォッチをクリックしてHEXコードをコピーするか、「エクスポート」ドロップダウンを使用してパレット全体をCSS、JSON、またはTailwindコンフィグとしてコピーしてください。
  4. 4 「ランダム化」をクリックして新しい色の組み合わせを探索し、ピッカーでベース色相を微調整してください。

よくある質問

{# Alpine.js — self-hosted. (The previous jsdelivr CDN tag had a stale SRI integrity hash, so the browser refused to run it and window.Alpine was never defined — silently breaking every FAQ accordion and Alpine tool.) #}