配色調色盤

配色修正工具

免費的線上配色修正工具:加入你的顏色,我們找出問題,並在保留配色風格的同時幫你修正。

✓ 免費線上 · 免註冊

試試範例:

修正前

修正後

    在產生器中開啟
    要修正的項目
    修正強度
    分數怎麼算

    配色修正工具會檢查什麼

    它會檢查五件事:是否有一組顏色適合當作文字閱讀、是否有看起來一樣的顏色、色盲者是否會混淆兩個顏色、強烈的顏色是否太多或完全沒有,以及是否缺少用於背景和文字的中性色。每個問題都會標示在造成問題的顏色上方。

    如何修正顏色

    它會調整造成問題的顏色的明度或飽和度,但保留色相,所以配色風格不會改變。被鎖定的顏色絕對不會被更動,中性色以及最亮和最暗的顏色也會受到保護。修正後會再次檢查配色,避免修正帶來新的問題。

    0 到 100 的分數

    每組配色都從 100 分開始,每個問題都會扣分,從缺少中性色的 −10 到文字無法閱讀的 −40。你可以看到修正前後的分數,在「分數怎麼算」中可以查看完整的表格。

    常見問題

    可以免費線上修正我的配色嗎?

    可以。這個修正工具免費,直接在瀏覽器中線上使用:不需要下載、不用註冊,也沒有浮水印。想修正幾組配色都可以,還能下載修正前後的對照圖。

    配色修正工具是怎麼運作的?

    它會檢查文字對比度、看起來一樣的顏色、色盲者容易混淆的顏色、過於強烈的顏色或暗沉的配色,以及是否缺少中性色。接著在不改變色相的情況下,調整有問題的顏色的明度或飽和度。

    配色為什麼會看起來不好看?

    原因幾乎都一樣:沒有任何一組適合當作文字閱讀、兩個顏色太像看起來像同一個、好幾個鮮豔的顏色互相搶戲、整體灰濛濛沒有強調色,或是缺少可用於背景和文字的白色、灰色或沉穩的深色。

    如何讓我的配色符合無障礙標準?

    確保至少有一組顏色的對比度達到 4.5:1,這是 WCAG AA 對一般文字的最低要求,並拉開顏色的明度差異,讓色盲者也能分辨。在「要修正的項目」中選擇「強烈」,就會以 7:1(WCAG AAA)為目標。

    會改到我的品牌色嗎?

    只要鎖定就不會。點一下顏色上的鎖頭,修正工具就會保留它,只更改其他顏色。

    分數是怎麼計算的?

    每組配色都從 100 分開始,每個問題都會扣分,從缺少中性色的 −10 到文字無法閱讀的 −40。在「分數怎麼算」中可以看到表格以及你的配色被扣了哪些分。

    可以從圖片或 Coolors 修正配色嗎?

    可以。上傳或貼上任何配色的截圖,我們會取出其中五個主要顏色;也可以貼上來自 Coolors、Adobe Color 或 CSS 的 HEX 色碼。

    其他指南與工具

    接著試試這個

    名字配色產生器輸入名字,做出你的色彩故事調色盤配色拉霸機拉下拉桿,轉出一組配色Adobe 色票調色盤將調色盤下載為 .ASE,用於 Photoshop 和 Illustrator
    查看所有免費工具 →