パレット作成

1 色からカラーパレットを作成します。補色、類似色、トライアド、モノクロ、50–900 スケールに対応し、CSS 変数、SCSS、Tailwind、JSON で書き出せます。

無料 · アップロード不要 · すべて端末内で処理

パレット作成の使い方

  1. サイドパネルで設定を選んでください。
  2. 結果はすぐに更新されます。新しく作るには「作成」を選んでください。
  3. 結果をコピーするか、ダウンロードしてください。

設計からプライベート。入力、開いたファイル、録音・録画はすべてこのブラウザーのタブ内で処理され、KittySuite にアップロードされることはありません。

パレット作成について

配色は HSL の色相環の関係に基づいています。50–900 スケールは、多くのデザインシステムで使われる名前で、1 つの色相を明るい色から暗い色まで段階的に示します。色見本をクリックすると hex コードをコピーできます。

すべてこのブラウザーのタブ内で計算され、入力した内容はどこにも送信されません。ページを読み込んだ後はオフラインでも使えます。

始める前の質問

コンテンツは端末の外に送信されますか?

ファイルの内容や入力したテキストが処理のために送信されることはありません。このサイトは必要に応じて自身のコードやアセットをダウンロードします。ホスティングへのリクエストとブラウザーのキャッシュについては、プライバシーページで説明しています。

パレット作成を使う前に確認することは?

すべてこのブラウザーのタブ内で計算され、入力した内容はどこにも送信されません。ページを読み込んだ後はオフラインでも使えます。

結果が使えない場合は?

元のファイルはそのままにして、設定に戻ってもう一度お試しください。読み取れないファイルや非対応の構造の場合は、元のアプリから書き出し直す必要があるかもしれません。

スマートフォンでも使えますか?

操作画面は小さな画面にも対応していますが、大きなファイルはモバイル端末のメモリーを超えることがあります。処理に失敗する場合は、小さめのファイルを使うか、何回かに分けて処理してください。