ベース基准色,使用 6 種類と谐ルール生成配色方案,対応 CSS エクスポート
開発者ツール
このツールについて
调色板ジェネレーター対応选取基准色,使用六種類と谐ルール即時生成 5 色配色方案:互补色、タイプ似色、三色、分裂互补色、四色と单色。您できます锁定单つ色、随机生成调色板,かつは结果エクスポートのため CSS カスタム属性——すべての計算はブラウザ内でローカルに完了します。
主な機能
- 六種類と谐ルール:互补色、タイプ似色、三色、分裂互补色、四色、单色
- 取色ツールと HEX 入力,精确選択基准色
- 锁定单つ色,で切り换ルール時保持不变
- 一键随机生成调色板
- クリック色カード即可能コピー HEX 値
- エクスポート调色板のため CSS カスタム属性,ワンクリックでコピー
使用シーン
- のため网页と应用设计项目ビルド协调の配色方案
- 経由で比较不同と谐ルール探索色彩理论
- のため设计系统テーマ生成 CSS カスタム属性
- 作成含む互补色と强调色の品牌调色板
- 高速原型设计亮色と暗色モードの UI 色变体
color
palette
harmony
よくある質問
どのようなと谐ルール可能用?
ツール提供六種類と谐ルール:互补色、タイプ似色、三色、分裂互补色、四色と单色。各ルール根据色彩理论原理生成 5 色配色方案。
できます锁定调色板の中の特定色か?
できます,各色カード都有锁定ボタン。锁定色后,即使用切り换と谐ルールまたは随机生成调色板,この色也できます保持不变。再次クリック锁定ボタン即可能解锁。
どのようには调色板エクスポートのため CSS?
クリックエクスポート CSS ボタン,即可能生成含む当前调色板色の CSS カスタム属性(--primary、--light、--dark、--accent、--accent-light)。その後できますワンクリックでコピー CSS コード。
できますコピー单つ色か?
できます,クリック任意色カード即変換可能其 HEX 値コピークリップボードに。コピー成功后できます表示ヒント通知。各カード还できます表示 RGB と HSL 値供参考。
私の色データはサーバーに送信されますか?
ありません。すべて调色板生成と色计算均でブラウザローカル完了,ありませんアップロード任意データにサーバー,お客様の情報の完全なプライバシーと安全性を確保します。