如何使用
- 輸入兩種已經批准或至少縮小範圍的顏色。
- 選擇顏色 B 的內插空間和百分比。
- 將產生的 CSS 字串複製到你的程式碼庫、權杖規格或原型註解中。
從視覺探索轉向可實施的混合
此頁面位於混色器和 OKLCH 轉換器之後。它回答了一個更狹隘的問題：這兩個顏色應該產生什麼可貼上的 CSS 混色語法？
顏色A： 60%
顏色B: 40%
如何在附近的頁面之間進行選擇
使用 混色器 當工作仍然是視覺探索。使用 OKLCH轉換器 當一種認可的顏色需要感知空間值時。當兩個已核准的顏色已存在且下一個工作是傳送 CSS 時，請使用此頁面 color-mix() 表達。移至 無障礙色票 當這種組合現在需要圍繞它的表面、文字、重音和邊框角色時。移至 顏色權杖匯出 當這些角色已經可以接受並且下一步是將 CSS 變數或 JSON 權杖交給程式碼。移至 色差 如果您仍然需要可測量的間隙，或者 對比檢查器 如果可讀性是下一個決定。
常見問題解答
這個頁面會產生什麼？
它建立了一個可直接貼上的 CSS color-mix() 從兩種已知顏色中提取字串並在瀏覽器中預覽混合結果。
我什麼時候應該使用它來代替混色器？
當工作首先在視覺上探索中間顏色時，請使用混色器。當下一個任務是傳送 CSS 時使用此頁面 color-mix() 字串到程式碼庫或設計權杖規範中。
我什麼時候應該使用它而不是 OKLCH 轉換器？
當一種認可的顏色需要感知空間值時，請使用 OKLCH 轉換器。當兩個經批准的顏色已經存在並且下一個任務是在它們之間建立 CSS 混合表達式時，請使用此頁面。
分享連結 中儲存了什麼？
分享連結 儲存兩種顏色、比例和選定的顏色插值空間。