6個配色網站報你知
6個配色網站報你知

6個配色網站報你知!你的網站配色靈感來源

一套好的配色是設計中重要的組成成分之一,對網站來說有好的配色更能提升網站質感,這裡告訴你6個配色網站。

目錄

不管你本身是設計師或是從事需要跟設計師溝通的行業,了解一些基本的配色工具和方法都會很有幫助的,以下介紹六個好用的配色工具和網站,幫助大家在配色時不會沒有靈感或是胡亂配色。

Color Tool

Google Color Tool
Color Tool

Color Tool 是由 Google 開發專門提供給 UI設計師或前端工程師參考的配色網站,可以選擇網站上提供的色票去選擇主要想搭配的顏色或是自己輸入想要顏色的色號都可以,網站還提供各種不同常見版型的配色呈現參考,也能針對網頁上的字體顏色和透明度對於需要做網頁色彩搭配的人可以說是神器。

Adobe Color

Adobe Color
Adobe Color

可以在網站中使用調色盤,自己移動、配色,也可以上傳圖片,吸取圖片中的顏色,製作色票,製作好了之後可以下載色票檔至 Photosop 使用。它除了提供各種配色方案、高度自由的調整空間之外,還可以直接搭配 Adobe 軟體同步使用,提升工作效率。另外,有「探索」的頁面,可以看看其他配色盤,可能會給你更多的靈感。

Coolors

Coolors
Coolors

Coolors 是一款簡單、快速、無須安裝就能使用的色彩工具,它主打的是超快速為你產生配色,每次會為你挑選由五種顏色組合而成的調色盤,並顯示顏色的代碼,使用者可以快速選取使用,或是鎖定其中的幾種顏色。

Material UI

Material UI
Colors & Palettes.

Social Colors 是 Material UI 網站旗下的一個項目,就它名稱來說你可以知道主要是以表示社群網站的標準色為主,它能精確告訴你 Facebook 藍色、Twitter 淡藍色是什麼色票,也有一些台灣較多人使用的服務,例如 YouTube、LINE、Instagram。

Material UI 還有各種顏色色票表,例如 Google 的 Material Design 配色、Flat Design 使用者介面配色、微軟的 Metro 配色、HTML 色彩,此外網站還提供 Material Design 圖示、選色器和 Unicode 特殊符號檢索工具。

Color Palette Generator

Color Palette Generator
Color Palette Generator

在此網站輸入圖像的網址,可以獲取與圖像匹配的調色板,這對於提出與客戶要使用的庫存照片相匹配的網站配色方案很有用,或是想要以圖像中的顏色做搭配的畫面配色或網站配色也非常方便。

咭片皇

咭片皇
咭片皇

此網站以各種中文及英文形容詞作顏色分類,多達160種分類,若是客戶說想要柔和一點的顏色或是恍惚的顏色,你們可以一起看看這個網站,形容詞內的顏色是不是符合你的形容詞想要帶給人們的感覺呢?

延伸閱讀:6大類網頁設計配色

Share 分享 :

Related Post

最新文章

WordPress 網頁設計 網站頁面設計

優秀網站頁面設計的 10 條原則

網站頁面設計是成功在線上世界存在的核心。本文將介紹 10 個簡單易懂的網頁設計原則,幫助您創建出優秀且具吸引力的網站,為用戶提供優質的線上體驗。

WordPress核心

更新WordPress核心前,你需要知道的4件事

這篇文章介紹了WordPress核心的基本功能和架構,以及更新核心版本時需要考慮的因素。文章還討論了WordPress外掛的相容性、安全性和性能,以及如何設定WordPress核心更新以保持網站的安全和穩定性。

Selected Post

精選文章

SSL憑證

SSL憑證是什麼?它對網站的SEO有什麼影響?

SSL(Secure Sockets Layer),也就是安全資料傳輸層憑證,是網頁伺服器與瀏覽器之間的加密通信安全技術,確保您的網站資料不容易被攔截。但它對於網站的SEO又有什麼影響呢?我們將解釋這個重要的議題,讓您更了解SSL憑證的作用。

Google 說對SEO來說文章字數不是質量因素

SEO排名的主要影響因素不僅限於文章字數

SEO排名的主要影響因素不僅限於文章字數。Google的John Mueller確認,內容質量、實用性和價值對於獲得良好的排名至關重要。重要的是提供有價值的資訊,而不僅僅追求字數的數量。

WordPress網站速度

如何提升WordPress網站速度及性能?

您想提升您的WordPress網站速度嗎?快速加載頁面可改善用戶體驗、增加瀏覽量並幫助您的 WordPress SEO。在本文中,我們將分享最有用的 WordPress 速度優化技巧,以提高WordPress性能並加速您的網站。