ベース色からシェード・補色・トライアド・類似色を生成。
ワークスペース
プライベート · 無料 · アカウント不要
カラーパレット生成 は AllToolHub の無料 HTML & CSS Tools ツールです。ベース色からシェード・補色・トライアド・類似色を生成。
インストール型デスクトップソフトと違い、カラーパレット生成 はタブで開き、アカウント作成や重いアプリの学習なしで作業を終えられます。
このツールは、color, palette, scheme に関する作業に向いています。
ベースカラーと調和モードを選択します.
Swatches をクリックしてヘックス値をコピーします.
フルパレットのCSS変数をコピーします.
はい。AllToolHub の カラーパレット生成 は無料で、アカウント不要。有料プランや当サイトの透かしなしでブラウザで動作するよう設計されています。
可能な限りブラウザ内でローカル処理するよう設計されています。スニペットはコピーしない限りエディタ内に留まります。通常の Web ホスティングは技術的なページリクエストを記録することがありますが、ファイル内容ではありません。
初回訪問後、PWA キャッシュで多くのページをオフライン利用できます。ツール用スクリプトは先にキャッシュが必要で、重いライブラリはツールを開いたときに読み込まれます。
最新の Chrome、Edge、Firefox、Safari とモバイル版。高度なファイルや暗号機能は新しいブラウザが必要な場合があります。
生成 CSS は本番前にデザインシステムのトークンで確認してください。隣接する作業が必要ならサイドバーの関連ツールもご覧ください。
シェードは、ベースを明るく/ダーケン; 補完的な使用 ~180° ホイール; トライアドは3つの色合いを120°オフ; アナログは隣接する色合いを使用します.
ベースカラーからシェード、補完、トライアド、またはアナログパレットを生成します。 ご利用のブラウザでは、ご利用のブラウザで、アカウントは必要ありません.
非常に大きな入力は、デバイスメモリとブラウザによって制限される場合があります。 巨大なファイルの場合、デスクトップマシンを試したり、作業を小さなバッチに分割したりします.