【整理】4 個好用的配色工具

Created by Katerina Limpitsouni

2021-07-04:新增 ColorShark

有時候 WordPress 佈景主題的版面配置深得你心,配色卻不那麼令人滿意,遇到這種情況可以利用「自訂」界面或「主題編輯器」修改佈景主題內的顏色。但要如何找出理想的顏色呢?以下是馥格最近愛用的幾款配色工具:

WEB 色見本 原色大辞典

這個網站最有趣的一點,是可以用詞語尋找想要的顏色 ,馥格之前幾乎每季都會幫部落格換一個「當季色彩」 ,例如春天用和色大辞典中的「若葉色」,秋冬用「朽葉色」。

站內還有「詞語色彩解析」、「人氣色彩排行」等等,是缺少靈感的時候可以一試的有趣小工具。


Site Palette

Site Palette 和馥格原本使用的 Stylify Me 類似,是分析網頁色彩資訊的工具,選擇 Site Palette 的原因是 Chrome 擴充功能的型態比較容易操作,按一下就能得到目標網頁的基本配色。我們用 Zettelkasten Method 這個網站來當作實驗對象:

點擊色塊就可以複製目標顏色的色碼

左下方的「Share This Palette」據說可以產生共享連結,但我實際操作的時候從頭到尾只看到「載入中」動畫,因此目前無法說明或評論這個功能。


paletton.com

如果覺得用前面 2 個網站挑出來的顏色太深或太淺,那就試試 paletton.com 的漸變功能。

首先點擊左下角的色碼區輸入色碼,右邊會立刻產生基礎色的漸變結果;如果需要其他色彩搭配,左上方還有一些色彩組合可供參考。

Paletton-01


ColorShark

「切換成暗色模式(Dark Mode)」是近年很流行的功能,聊馥一格目前使用的佈景主題 Ashe Pro 也有。不過 Ashe 的切換暗色基本上只是把黑白對調,其他部分,尤其是超連結文字的色彩並沒有相應的調整。

馥格在發現這個問題之後找到了 ColorShark,它是一個用來評估色彩顯示效果的工具,在 Text 欄輸入你想要使用的顏色,然後在 Background 欄輸入背景顏色,ColorShark 就會提供評分及調整建議,目前我使用的都是經過 ColorShark 調整,在黑白背景下評分都及格的顏色。

ColorShark

2 則留言

cheryllee327 發表迴響取消回覆

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料