混色器

混合 按比例排列的兩個候選顏色,然後在將最終色彩移至文件、UI 標記或對比度檢查之前檢查 HEX/RGB/HSL 中的混合結果。

此頁面用於快速數字顏色混合。它有助於模型和規劃,而不是真正的顏料化學。

其他語言 日本語 | English | 繁體中文

如何使用

  1. 使用選擇器設定第一種和第二種顏色或貼上支援的顏色值。
  2. 選擇將多少顏色 B 混合到顏色 A 中。
  3. 將混合結果複製到 梯度發生器, CSS 顏色混合, 顏色轉換器,或你的規格表,取決於下一個決定。

在提交色票之前測試中間顏色

此頁面位於顏色選擇和格式轉換之間。當兩個已批准的樣本仍需要中間候選者時,它會有所幫助。

顏色A: 50% 顏色B: 50%

混合兩種顏色並以實用的格式檢查混合結果。

如何在附近的頁面之間進行選擇

使用 顏色選擇器 首先當您仍然需要瀏覽單一樣本時。當兩種已知顏色需要中間候選顏色時,請使用此頁面。移至 色票產生器 當混合結果現在需要支援較亮、較暗或重音選項時。移至 色階產生器 當批准的結果現在需要 UI 權杖的有序明暗比例時。移至 梯度發生器 當那些核准的顏色現在需要背景就緒的線性或徑向 CSS 漸層時。移至 CSS 顏色混合 當兩種認可的顏色現在需要準備貼上時 color-mix() 程式碼或權杖文檔的表達式。移至 顏色轉換器 當批准的混合結果必須以另一種符號分享時,並移至 對比檢查器 當真正的問題是最終前景/背景對的通過/失敗可讀性。

常見問題解答

這個頁面有什麼作用?

它按比例混合兩種顏色,並以 HEX、RGB、HSL 形式顯示混合結果,並在關鍵字完全匹配時顯示匹配的常用顏色關鍵字。

油漆的混合物在物理上準確嗎?

不。這是用於規劃和 UI 工作的快速數位顏色混合,而不是用於真實油漆化學的顏料模擬。

我什麼時候應該使用它而不是顏色選擇器?

當您已有兩種候選顏色並想要測試中間結果時,請使用此頁面。當您想先直觀地瀏覽單一顏色時,請使用顏色選擇器。

共用 URL 中儲存了什麼?

共用 URL 僅儲存兩種十六進位顏色和混合比率。