Color Tasteの無料パレットジェネレーターで、調和のとれたカラーパレットを瞬時に生成。スペースキーを押して無限の組み合わせを探索し、気に入った色をロックして、CSS変数、Tailwind設定、デザイントークンとして本番環境対応のコードをエクスポートできます。ウェブサイト、モバイルアプリ、ブランドアイデンティティのデザインに — ここから始めましょう。
スペースキーを押すか「生成」をクリックして、新しい5色のパレットを作成。各パレットは補色、類似色、トライアド、分割補色のカラー理論に基づいています。
気に入った色を見つけたらロックして、残りを再生成。1色ずつ理想のパレットを構築できます。
パレットをCSSカスタムプロパティ、Tailwind CSS設定、SCSS変数、またはデザイントークンとしてコピー。数秒で本番環境に対応。
すべてのパレットに固有のURLが付与されます。チームメイト、クライアント、コミュニティと配色を共有 — アカウントは不要です。
ジェネレーターはカラー理論アルゴリズムを使用して調和のとれたパレットを作成します。シードカラーから始まり、補色、類似色、トライアド、または分割補色のルールを適用してバランスの取れた組み合わせを生成します。スペースキーを押すたびに、まったく新しいセットが生成されます。
デフォルトのパレットは5色で、ほとんどのデザインシステムに最適化されています。好きな色をロックして、残りを再生成し、選択を微調整できます。
CSSカスタムプロパティ(--color-primary: #hex)、Tailwind CSSテーマ設定、SCSS変数、JSONデザイントークン、およびプレーンなHEX/RGB/HSL値としてエクスポートできます。
はい、Color Tasteは完全に無料です。サインアップ不要、透かしなし、生成またはエクスポートできるパレット数に制限はありません。
すべてのパレットには、その色に基づいた固有のURLがあります。URLをブックマークするかコピーしてパレットを保存できます。また、値を直接コードにエクスポートすることもできます。