ToolHub
ツールを開く

调色板ジェネレーター

ベース基准色,使用 6 種類と谐ルール生成配色方案,対応 CSS エクスポート

開発者ツール

このツールについて

调色板ジェネレーター対応选取基准色,使用六種類と谐ルール即時生成 5 色配色方案:互补色、タイプ似色、三色、分裂互补色、四色と单色。您できます锁定单つ色、随机生成调色板,かつは结果エクスポートのため CSS カスタム属性——すべての計算はブラウザ内でローカルに完了します。

主な機能

クイックプレビュー

使用シーン

color palette harmony

よくある質問

どのようなと谐ルール可能用?

ツール提供六種類と谐ルール:互补色、タイプ似色、三色、分裂互补色、四色と单色。各ルール根据色彩理论原理生成 5 色配色方案。

できます锁定调色板の中の特定色か?

できます,各色カード都有锁定ボタン。锁定色后,即使用切り换と谐ルールまたは随机生成调色板,この色也できます保持不变。再次クリック锁定ボタン即可能解锁。

どのようには调色板エクスポートのため CSS?

クリックエクスポート CSS ボタン,即可能生成含む当前调色板色の CSS カスタム属性(--primary、--light、--dark、--accent、--accent-light)。その後できますワンクリックでコピー CSS コード。

できますコピー单つ色か?

できます,クリック任意色カード即変換可能其 HEX 値コピークリップボードに。コピー成功后できます表示ヒント通知。各カード还できます表示 RGB と HSL 値供参考。

私の色データはサーバーに送信されますか?

ありません。すべて调色板生成と色计算均でブラウザローカル完了,ありませんアップロード任意データにサーバー,お客様の情報の完全なプライバシーと安全性を確保します。