混合两種類色,可能调节比例,プレビュー HEX、RGB と HSL 结果
実用ツール
このツールについて
色混合ツール対応选取两種類色,経由で可能调节の比例滑块行い混合。它リアルタイム插値 RGB チャンネル,かつ以プレビュー色块展示混合结果,同時表示 HEX、RGB と HSL 値——すべての計算はブラウザ内でローカルに完了します。
主な機能
- 使用原生取色ツール选取两種類色
- 可能调节の混合比例滑块,范围 0% 至 100%
- リアルタイム结果色块,即時更新
- 混合结果以 HEX、RGB と HSL 三種類フォーマット表示
- ワンクリックでコピー HEX 値クリップボードに
- コピー成功時表示ヒント通知
使用シーン
- 寻找两種類品牌色之间の完美中间色
- のため CSS 作成平滑のグラデーショントランジション色
- のため UI 组件の悬停と激活状態混合色
- のため设计项目試行不同の色组合
- 生成无障碍色阶の中间色
color
mixer
blend
よくある質問
色混合ツールはどのように機能しますか?
色混合ツール経由で根据滑块制御の比例に対して两種類色の RGB チャンネル行い插値来混合色。比例のため 50% 時结果ですなど量混合;は滑块へ色 A 方へ移动できます增加其影响,反之亦然。
结果表示哪些色フォーマット?
混合色以三種類フォーマット表示:HEX、RGB と HSL。当您調整色または比例滑块時,各値都できますリアルタイム更新。
できますコピー混合后の色値か?
できます,クリックコピー HEX ボタン即変換可能混合色の HEX 値コピークリップボードに。コピー成功后できます表示ヒント通知。
比例滑块有何用?
比例滑块制御各入力色に対して结果の贡献程度。比例のため 0% 時结果完全です色 B;100% 時完全です色 A;50% 時两種類色贡献相など。
私の色データはサーバーに送信されますか?
ありません。すべて色混合计算均でブラウザローカル完了,ありませんアップロード任意データにサーバー,お客様の情報の完全なプライバシーと安全性を確保します。