私たちのインタラクティブなカラーホイールを使って、魅力的な色の調和を作りましょう。補色、トライアド、アナログなど、さまざまな配色を生成。CSS、SCSS、Tailwind、PNG、PDF、JSON形式でエクスポート可能です。
高度な機能を備えたカラーパレットの作成、表示、管理ができます。色彩理論に基づいたパレット生成、様々な形式からのインポート、アクセシビリティコントラストのチェック、CSS、SCSS、Tailwind、JSON、PNG形式でのエクスポートが可能です。
HSV（色相、彩度、明度）カラーを最も近いPantoneカラーに即座に変換します。視覚的な比較と正確な色彩科学を備えた当社の包括的なカラーマッチングツールで、完璧なPantoneカラーを見つけましょう。
高度な色彩科学を用いて、CMYKカラーを最も近いパントンカラーに変換します。厳選された人気のパントンカラーコレクションを閲覧し、リアルタイムの色比較やコピー機能をご利用いただけます。
無料で素晴らしいカラーグラデーションを作成し、カスタムカラーパレットをオンラインで生成します。開始色と終了色を選択し、パレットサイズを調整し、CSSコードまたは個別のHEXカラーをコピーできます。Webデザイン、グラフィックデザイン、クリエイティブなプロジェクトに最適です。
ドロップダウンを使用して、補色、モノクロマティック、アナログ、トライアド、テトラッド、またはスプリットコンプリメンタリーの配色から選択します。
カラーホイールをクリック＆ドラッグしてベースカラーを選択します。選択に応じてハーモニーカラーが自動的に更新されます。
外側の明度リングを使用して、ハーモニーの関係を維持しながらカラーパレットの明るさを調整します。
カラー見本をクリックして個々の色をコピーしたり、エクスポートボタンを使用してさまざまな形式でパレットをダウンロードできます。
視覚的なカラーホイール上で色をドラッグして調整。明度調整リングを別途搭載し、正確な色選択が可能です。
補色、モノクロマティック、アナログ、トライアド、テトラッド、スプリットコンプリメンタリーの配色を自動で生成します。
HEX、RGB、HSL、CMYK形式で色を表示・コピー可能。ワンクリックでクリップボードにコピーできます。
パレットをPNG画像、PDFドキュメント、JSONデータ、CSS変数、SCSS変数、またはTailwind CSS設定としてエクスポートできます。
カラーホイール（色相環）は、色の視覚的な関係性に基づいて配置された色の表現です。色の調和とは、互いにうまく調和し、心地よく見える色の配置を指します。私たちのインタラクティブツールは、補色（反対色）、トライアド（等間隔に配置された3色）、アナログ（隣接色）といった伝統的な色彩理論の原則を用いて、数学的にバランスの取れた色の組み合わせを作成するのに役立ちます。
芸術家やデザイナーが何世紀にもわたって視覚的に魅力的な組み合わせを作成するために使用してきた、伝統的な色彩理論の原則に基づいています。
CSS変数、SCSS変数、Tailwind CSS設定ファイルを生成し、ウェブプロジェクトですぐに使用できます。
パレットを画像（PNG）、ドキュメント（PDF）、またはデータ（JSON）としてエクスポートし、さまざまなデザインツールやプラットフォームで使用できます。
接続線でハーモニーの関係を視覚化し、即座の視覚的フィードバックでインタラクティブに色を調整できます。
このツールは6種類のハーモニータイプを提供します：補色（2つの反対色）、モノクロマティック（1つの色のバリエーション）、アナログ（3つの隣接色）、トライアド（等間隔に配置された3色）、テトラッド（等間隔に配置された4色）、スプリットコンプリメンタリー（1色とその補色の隣接する2色）。
カラーホイールの外側にある明度リングを使用してください。このリングをドラッグして、色相と彩度の関係を維持しながら、ハーモニー内のすべての色の明度を調整できます。
はい、任意の色見本をクリックすると、その値がクリップボードにコピーされます。形式選択ボタンを使用して、HEX、RGB、HSL、CMYK形式を切り替えることができます。
PNG画像、PDFドキュメント、JSONデータ、CSS変数、SCSS変数、Tailwind CSS設定ファイルとしてエクスポートできます。各形式は異なる用途に最適化されています。
エクスポートモーダルからCSS変数をコピーし、スタイルシートに貼り付けてください。その後、background-color: var(--color-1); や color: var(--color-2); のように使用できます。
はい、任意のハーモニーカラーポイントをドラッグして、パレット全体を調整できます。選択されたハーモニータイプの数学的な関係を維持するために、メインの色が自動的に再計算されます。