Weebly 架站教學網站
  • 架構網站 - Weebly
    • 網站的用途
    • 認識 Weebly >
      • 選擇 Weebly 七大原因
      • Weebly 的帳號種類
      • 網站管理
      • 網頁管理
    • Weebly 架站四步驟 >
      • Weebly 註冊 + 網域申請
      • 選擇/更換範本
      • 元件使用 - 網頁設計
      • 發佈/隱藏網站
    • Weebly 使用教學 >
      • Weebly 元件
      • 網站/網域設定
      • Weebly 部落格
      • 網頁標題
      • 網站安全 & SEO 優化
      • 第三方應用程式
    • Weebly 客服中心
  • 常見問題
  • 建立線上商城
  • 推薦工具
    • 多媒體工具
    • 多媒體素材
    • 網站/網頁工具
  • 教學影片
  • 關於我們
  • 公益/環保

​2025 多媒體工具推薦 - 影音剪輯工具、色碼表、平面設計

配色/選色工具

5/20/2021

0 評論

 
顏色的搭配真的是一門學問. 根據一項實驗證明, 視覺是我們五個感官功能中最強大的. 大腦對於視覺的吸收程度高達83%. 也就是說, 當對方還沒閱讀文字之前, 大腦就有可能透過視覺所傳遞的訊息對你作品的內容 (網站、簡報、平面宣傳等等) 下了初步的評斷. 所以, 顏色的使用和搭配真的很重要哦!
圖片

這裡, 我們要介紹幾個很棒的線上選色/配色工具網站.  當你正在為如何選色/配色困擾時, 不妨試試這些工具, 找找靈感. 
  • ​Colordot​​
  • Coolors
  • ​Canva - Color


​colordot

Colordot 是一個極簡的選色/配色網站.  大大頁面, 任你移動滑鼠挑選喜歡的顏色.
按下滑鼠左鍵, 就能鎖定顏色後, 再繼續移動滑鼠, 選擇第二個顏色. 對比著旁邊鎖定的顏色, 可以更直覺地挑選出適當的配色.

[步驟]
1. 隨意移動滑鼠. 就可以看到不同顏色的轉換, 以及相對應的色碼.
2. 找到喜歡的顏色, 按一下滑鼠左鍵, 就能鎖定該顏色.
​    然後在鎖定顏色的右方...繼續移動滑鼠 + 選色+ 鎖定...    
3. 如果想要移除某幾個顏色, 只要點擊 "x", 就能移除該顏色了.....    
圖片


[結論]

簡單的頁面, 大大的色塊, 更容易挑色/ 配色, 也能即時看到顏色色碼.

Coolors

​如果靈感缺缺, 實在不知道怎麼找出合搭的顏色, 那就是試試 Coolors.
Coolors 提供兩種選色/配色方式: 
  • Explorer: 參考別人的配色, 找靈感!
  • Make a Palette: 自己挑色, 自己配色, 建立自己的調色盤
圖片
Explorer:
這裡有許多不同風格的色塊搭配. 只要將滑鼠移到喜歡的色塊, 就可以看到色碼. 
圖片
你可以點擊色塊右下方的 "..." , 儲存或是編輯這些色塊
圖片

Make a Palette (Generate): 
除了參考別人的配色方式, 當然也可以除了參考別人的配色方式, 當然也可以自己配色
在這裡, Coolors 會隨機給你一組配色. 
任意點擊其中的色塊, 可以針對該色塊做個別的設定, 例如移除、鎖定..等等
圖片
還可以查看該顏色的漸層, 更換為自己喜歡的深淺
圖片

Canva - color

Canva 是一個知名的平面設計工具, 有多種好用又超具設計感的平面範本. 不過, 卻很少人知道, Canva也提供色盤以及配色功能. 相較於其他的選色/配色網站, Canva Color 不單單只是提供色塊, 它在提供配色的同時, 還提供實際應用的方式及範例. ​
圖片
進入 Canva - Color 頁面之後, 可以看到四個主要功能:
  • Color palette generator (調色盤產生器)
  • Color palette ideas (調色盤組合)
  • Color wheel (色輪) 
  • Color meanings (顏色的含意)

Color Palette generator (調色盤產生器)
上傳圖片, Canva -  Color 就會自動幫你分析圖片的色系搭配
圖片

Color Palette idea (調色盤組合)
這裡可以看到各種調色盤組合. 提供多種選色/配色的靈感!​
圖片

Color wheel (色輪)
你可以用滑鼠隨意轉動色輪: (1) 挑選喜歡的顏色, (2) 選擇顏色的組合方式 (例如: 同色系, 補色..等)..頁面背景就會以該顏色顯示. 再搭配適當的文字顏色.
接著, 你還可以按下 "Create a graphic", Canva 就會自動幫你篩選出該色系的範本.
圖片

這裡, 可以看到這些範本是如何應用該顏色? 如何用其他的顏色搭配? 應該可以找到許多發揮的靈感!
圖片



Loading...
0 評論



發表回覆。

    免費體驗 Weebly

    Weebly - Websites, eCommerce & Marketing in one place.


    RSS 訂閱

    多媒體工具

    線上平面設計工具 - Fotor
    ​線上平面設計工具 - Canva 
    一鍵快速去背/更換背景 - Picwish
    ​品牌商標設計, 自己來!
    ---------------------

    顏色抓取工具 - ColorZilla
    色碼表
    線上選色/ 配色工具
    ​
    ---------------------
    影音編輯 (簡易) - Bee Cut
    影音編輯 (簡易~中階): Filmora
    影音編輯 (簡易~中階): 威力導演
    --------------------- 
     
    ​螢幕錄製 - ApowerREC
    網頁擷取 - AwesomeScreenshot

    多媒體素材

    推薦圖庫 (背景圖、圖像)
    Icon/ 小圖示 素材
    ---------------------
    背景音樂 - Incompletech
    背景音樂 - Bensound
    ​背景音樂 - Youtube 音樂庫

    網站/網頁工具

    無效連結檢測工具
    ​隨身攜帶大容量網路空間推薦
    ​網站/網頁備份工具

    ​雲端空間一次付費, 終身使用-pCloud

    圖片


    Loading...

    類別

    全部
    Filmora
    去背/去除浮水印
    商標設計
    圖片編輯/ 平面設計
    影音編輯軟體
    線上平面設計工具 Canva
    線上平面設計工具 Fotor
    聲音/麥克風/錄音介面
    螢幕擷取工具
    螢幕錄影
    選色/配色工具


Weebly 架站教學


認識 Weebly
Weebly 架站四步驟
​Weebly 使用教學
​第三方應用程式中心
Weebly 影片教學
Vertical Divider

Weebly 常見問題

Weebly 帳號
Weebly 付費/ 收據
Vertical Divider

推薦工具

線上平面設計工具
​多媒體工具
​多媒體素材
Vertical Divider

公益/環保

公益/環保活動

Vertical Divider

關於我們

關於我們

版權聲明: 
本站發表的文章、圖片及電子書的版權均屬於本站所有, 如果有轉載需求, 請來信取得授權. 非經授權, 請勿轉載或轉貼. ​
Copyright © 2025
  • 架構網站 - Weebly
    • 網站的用途
    • 認識 Weebly >
      • 選擇 Weebly 七大原因
      • Weebly 的帳號種類
      • 網站管理
      • 網頁管理
    • Weebly 架站四步驟 >
      • Weebly 註冊 + 網域申請
      • 選擇/更換範本
      • 元件使用 - 網頁設計
      • 發佈/隱藏網站
    • Weebly 使用教學 >
      • Weebly 元件
      • 網站/網域設定
      • Weebly 部落格
      • 網頁標題
      • 網站安全 & SEO 優化
      • 第三方應用程式
    • Weebly 客服中心
  • 常見問題
  • 建立線上商城
  • 推薦工具
    • 多媒體工具
    • 多媒體素材
    • 網站/網頁工具
  • 教學影片
  • 關於我們
  • 公益/環保