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

6個配色網站報你知

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

目錄

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

Color Tool

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

Adobe Color

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

Coolors

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

Material UI

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

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

Color Palette Generator

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

咭片皇

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

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

Share 分享 :

分享在 facebook
分享在 twitter
分享在 telegram
分享在 email
Related Post

最新文章

網站設計 留白設計

乾淨的網站介面:15 個網站設計留白技巧

網站設計的多樣化我們時刻可以感受到,在瀏覽不同網站的時候,哪種網頁設計可以讓使用者覺得舒適、願意繼續瀏覽?乾淨簡約的風格越來越流行,讓我們一起來看看網站設計留白技巧吧!

Selected Post

精選文章

黑帽SEO

什麼是黑帽SEO?要避免的9種危險手法

以前許多行銷人員大量使用黑帽SEO策略對網站進行排名;然而,時代變了,大家逐漸瞭解到使用白帽SEO才能真正幫助網站長久發展。在本文中,將深入探討如果您不想違反演算法或網站管理員指南,應該避免使用哪些SEO手法。

定期維護網站

定期維護網站的重要性

你的網站是不是做好就放在那裡,好幾年沒有去更新、維護它呢?許多人可能不知道定期維護網站的重要性,讓這篇文章為你說明。

WordPress 維護

16個 WordPress 維護的技巧

網站架好了要如何進行 WordPress 維護?你需要定期維護網站核心功能、安裝的外掛、主題和其他方面。WordPress 是一個很棒的內容管理平台,但做好網站維護是讓你的網站在市場上走得更久的關鍵。