首頁線上工具生產力工具

Accessible color palette generator 遵循 Google 配色指南的顏色搭配組合產生器

Accessible color palette generator 遵循 Google 配色指南的顏色搭配組合產生器

顏色要如何搭配才適合？說實在話並無一定標準，還要看場合，至於用在網頁上的色彩，則有一些建議遵循的規範可供參考，例如採用 4.5:1 對比度的網頁無障礙性指導原則（Web Content Accessibility Guidelines，WCAG），讓配色具有足夠的對比度，適用於網頁、文書編輯或是圖形。

Accessible color palette generator 這個免費的線上配色工具來自 Venngage 網站，該工具遵循 WCAG 2.1 的 4.5:1 對比度的原則，使用者可以輸入主要顏色後，就可依循上述原則自動產生色彩的互補色組合，如果不知道用何種顏色，也可以透過網站隨機色彩來挑選，讓顏色搭配工作，也可以很輕鬆完成。

🔔 不錯過任何精彩！ 立即訂閱我們的 LINE 官方帳號

每次發佈新文章時，您將會第一時間收到本站文章連結通知，輕鬆掌握最新資訊！

使用 LINE 追蹤文章更新

§相關文章，還可以參閱：

如何使用 Accessible color palette generator - Venngage 產生符合 WCAG 2.1 規範的 4.5:1 對比度色彩組合？

1.使用瀏覽器進入 Accessible color palette generator - Venngage 網站，預設就會以藍色為主所產生的色彩組合。

Accessible color palette generator 遵循 Google 配色指南的顏色搭配組合產生器

2.[ Random palette ]按鈕，可讓我們隨機產生色彩組合，也可以由使用者自行輸入顏色後，按[ Generate ]按鈕。

Accessible color palette generator 遵循 Google 配色指南的顏色搭配組合產生器

3.要取得產生的顏色代碼，可以按每組顏色後方的[ Download ]按鈕，直接下載成文字檔。

Accessible color palette generator 遵循 Google 配色指南的顏色搭配組合產生器