Home 線上工具 Colors UI 線上調色盤,網站網頁配色參考工具

Colors UI 線上調色盤,網站網頁配色參考工具

by techrabbit
Colors UI 線上調色盤,網站網頁配色參考工具
Colors UI 線上調色盤,網站網頁配色參考工具

Colors UI 是一個配色網站,提供超過1000個調色盤,每個調色盤由五種不同顏色組成。使用者可以點選調色盤上的顏色,獲得該顏色的HEX、RGB、HSL和HSV色彩顯示格式。

Colors UI 提供「色調/陰影產生器」功能,基於選定的顏色生成相關的淺色和深色變化,方便微調顏色。網站也提供尋找顏色、建立調色盤和分享配色組合的功能,讓用戶能夠獲得顏色靈感。Colors UI還包括純色和適合開發者使用的「Material Colors」,使尋找和選擇顏色變得方便。

先前介紹過不少配色工具,像是「Coolors 線上配色網站」、「Adobe color 線上配色網站與調色盤」、「0to255 網頁選色工具」、「Palette Maker 免費線上網頁配色工具」等等,都是相當不錯的配色網站,但特色各有不同,有需要的話可以都使用看看。

Colors UI 線上調色盤,網站網頁配色參考工具

▼首先前往「Colors UI 線上調色盤」,進入網站之後,你會看到首頁有一堆調色盤,每組一共是六個色碼。

Colors UI 線上調色盤,網站網頁配色參考工具

▼將滑鼠移動到調色盤顏色上方,就會出現十六進制的色碼。

Colors UI 線上調色盤,網站網頁配色參考工具

▼如果想要下載該調色碼,點擊右下角的下載按鈕即可。

▼如果你想要看更多調色盤的細節,或是對調色盤進行微調,那就點擊「View Palette」。

Colors UI 線上調色盤,網站網頁配色參考工具

▼進入調色盤頁面之後,你可以看到每個顏色的色碼,你還可以將滑鼠移動到上方,點擊「View shades」圖示。

Colors UI 線上調色盤,網站網頁配色參考工具

▼接下來你就會看到十六組該顏色的不同色階的色碼。

Colors UI 線上調色盤,網站網頁配色參考工具

▼點擊網頁最上方的「Material Colors」,該頁面收錄各種適合開發者使用的顏色,依照顏色類型分門別類,對於尋找顏色相當方便。

Colors UI 線上調色盤,網站網頁配色參考工具

除了上面文章內容,你還可以參考下方更多配色工具。

總結

Colors UI提供超過1000個調色盤,每個調色盤由六種不同顏色組成。用戶可以複製顏色的HEX、RGB、HSL和HSV色彩顯示格式。Colors UI 還提供尋找顏色、建立調色盤和分享配色組合的功能,包括純色和適合開發者使用的「Material Colors」。

其他人也在看