• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
TechMoon 科技月球

TechMoon 科技月球

免費工具、WordPress、虛擬主機、 科技前端

  • 科技新知
  • 月球精選
  • 線上工具
  • 虛擬主機
    • Bluehost 主機
    • SiteGround 主機
  • WordPress
    • WordPress 教學
    • WordPress 主題
    • WordPress 外掛
  • 免費資源
  • 優惠資訊
  • 自我提升
    • Excel 教學
    • 網路行銷
  • Udemy 免費課程
  • 虛擬主機總覽
目前位置: 首頁 / 線上工具 / Tint & Shade Generator – 線上色調陰影產生器,輸入色碼後自動產生深淺漸變色並能一鍵複製色碼
Tint & Shade Generator - 線上色調陰影產生器,輸入色碼後自動產生深淺漸變色並能一鍵複製色碼

Tint & Shade Generator – 線上色調陰影產生器,輸入色碼後自動產生深淺漸變色並能一鍵複製色碼

Last Updated on 2020-11-15 By Sliven Leave a Comment

Bluehost 虛擬主機 4 折 60% OFF 優惠折扣
SiteGround 主機 3 折優惠 + WordPress 一鍵安裝完整教學
2 分鐘閱讀

Tint & Shade Generator 是一款能夠幫助你快速產生漸變顏色的免費線上工具,你只需要輸入「Hex Color」編碼,它就能依照你所提供的顏色,往深與淺兩個方向產生漸層顏色。

舉例來說,當你輸入「#FF0000」編碼並點選產生按鈕後,第一列就會產生由紅色慢慢到黑色的顏色變化;第二列則會產生由紅色慢慢到白色的顏色變化。你可以每行輸入一個色碼,讓它自動幫你產生多組顏色。

當產生漸變顏色後,你就可以從中直接了解每個漸變色的變化,也能直接點選顏色方塊,將其 Hex Colors 色碼直接複製,也能透過選項開關設定複製的色碼要不要自動包括 Hash Tag 符號。

如果你對顏色產生的相關服務有興趣,可以參考:Color Palette Generator、Tailwind Ink…等等與調色盤產生器相關的免費工具。

網站名稱:Tint and Shade Generator
網站網址:https://maketintsandshades.com/

目錄
1. Tint & Shade Generator 簡介教學
2. 你可能有興趣
3. 更多相關文章

Tint & Shade Generator 簡介教學

Step 1

進入頁面後,直接將你想要產生的初始顏色 Hex Color 編碼輸入至方框當中,若有多個顏色,可以成每一列輸入:

一列輸入一個 Hex Color 編碼產生漸變色
一列輸入一個 Hex Color 編碼產生漸變色
Step 2

輸入完成後點選「Make tints and shades」按鈕後,下方就會立即出現根據你所輸入的顏色的漸變色:

點選按鈕後下方會產生深淺兩種不同的漸變色
點選按鈕後下方會產生深淺兩種不同的漸變色
Step 3

顏色產生後,你可以直接點選顏色方塊自動複製 Hex Colors Code,上方有一個「Include hashtag when copying」的選項按鈕,開啟關閉能夠選擇是否在點選時連同 # 符號一同複製,或是單純複製 # 之後的 Hex Color 色碼:

點選顏色方塊即可自動複製色號
點選顏色方塊即可自動複製色號

以上就是這篇文章的完整內容,如果對你有幫助的話,請幫忙點讚並分享,謝謝!

Tint & Shade Generator - 線上色調陰影產生器,輸入色碼後自動產生深淺漸變色並能一鍵複製色碼

Tint & Shade Generator 評價推薦優點

  • 輸入 Hex Colors 後自動產生漸變顏色
  • 可一次輸入多組 Hex Colors 色碼
  • 可一鍵複製顏色 Hex Colors 色碼

你可能有興趣

  • OFFF.to – 無須註冊免費縮短網址服務,可直接在網址列當中縮短網址並獲得分析數據
  • Speedcheck – 免費線上測速工具,快速測量網路上傳/下載速度與延遲的真實數據
  • YoutubeDLD – 一鍵免費下載 Youtube 影片,在網址加上 DLD 即可 Download
  • Internxt Drive – 替代 Google Drive 免費 2 GB 雲端空間服務,採用加密與分佈式技術保護你的網路資料
  • Screenity – 強大且免費的開源教學影片錄製工具,能錄製螢幕畫面與輸入文字動畫的 Chrome 擴充功能
  • Compressor.io – 免費線上圖片壓縮工具,上限 10 MB 並支援 JPEG, PNG, SVG, GIF 與 WEBP 檔案格式
  • TWBuyer.info – 電商歷史價格查詢工具,快速抓取各家電商平台商品的歷史價格趨勢圖
  • Free Typography Logo Maker – 一秒建立文字 Logo 快速產生器,同時建立黑白兩種 Logo 版本
  • PFPMaker – 免費專業人物大頭貼照片產生器,透過 AI 自動去除背景與美化,可客製化外框樣式與顏色
  • Tailwind Ink – 線上 AI 顏色調色盤產生器,指定色碼後自動產生 100 個相關的顏色並直接提供色碼
  • SVG Waves – 線上免費波浪圖片產生器,可客製化波浪外觀與顏色並下載 SVG 及 PNG 格式圖片
  • SVG Favicon Maker – 線上製作網站 LOGO 圖標工具,可添加文字與 Emoji 並下載 SVG 與 PNG 檔案

更多相關文章

  • Color Palette Generator - 免費線上調色盤產生器,一鍵自動產生 5 種搭配套色,並提供顏色代碼與一鍵複製顏色色碼!
  • 【WordPress 付費主題免費下載】Unica - Personal Resume and Portfolio Theme
  • Fotor 評價 - 跨平台 APP 免費線上圖片編輯軟體,照片美化與合併完整教學
  • 【WordPress 付費主題免費下載】Karis - Personal Blog & Magazine WordPress Theme
  • 【WordPress 付費主題免費下載】Structura - Minimal One Page Theme
  • iLoveIMG - 免費影像文檔線上編輯工具大全,從壓縮圖片到添加浮水印,應有盡有!
  • Tailwind Ink - 線上 AI 顏色調色盤產生器,指定色碼後自動產生 100 個相關的顏色並直接提供色碼
  • 【WordPress 付費外掛免費下載】Smooth Scroll for WordPress — Site Scrolling without Jerky and Clunky Effects.
  • 【WordPress SEO 外掛】 11 個 WordPress SEO Plugins 最佳推薦外掛(2020)
  • 【WordPress 付費主題免費下載】Hala - Creative Multi-Purpose WordPress Theme
  • 【WordPress 付費主題免費下載】Shadower Pro - A Responsive WordPress Theme for Bloggers
  • 【WordPress 付費主題免費下載】Paperio - Responsive and Multipurpose WordPress Blog Theme

如果你喜歡這篇文章,請幫我們將這篇文章分享出去。你也可以在 Facebook 與 Instagram 上按讚追蹤我們,也歡迎加入 Facebook 粉絲團和我們一同交流!

所屬分類: 線上工具, 免費資源 標籤: Tint & Shade Generator, 漸變顏色, 漸變顏色產生器, 色調產生器, 陰影產生器

讀者互動

發佈留言 取消回覆

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

Primary Sidebar

追蹤我們

站內搜尋

最新文章

  • 【WordPress 付費主題免費下載】Regn | Multi-Purpose WordPress Theme
  • PureVPN – 超好用的 VPN 翻牆工具,超過 180 個國家伺服器,可跨區觀看 Netflix 各國影集
  • 【WordPress 付費主題免費下載】Bufet – Multi Concept Software & App Landing WordPress Theme + RTL
  • 【WordPress 付費主題免費下載】Danni — Minimalist WordPress Blog Theme
  • Free Deca UI Kit – 簡潔 UI Kit 素材免費下載,提供 Figma 與 Sketch 設計軟體格式
  • OFFF.to – 無須註冊免費縮短網址服務,可直接在網址列當中縮短網址並獲得分析數據
  • (2021 年 1 月)A2 Hosting 評價 – 每月 $2.99 美元折扣優惠,WordPress 一鍵安裝虛擬主機推薦高達 66% OFF
  • 如何解決 WordPress 中「目前正在執行另一項更新程序」導致無法升級/更新的問題
  • 【WordPress 付費主題免費下載】Kallem – Creative Portfolio WordPress Theme
  • 【WordPress 付費主題免費下載】GlobeCo – Transportation & Logistics WordPress Theme
Bluehost best deal from TechMoon$2.95/月
Bluehost 獨家優惠
現在透過 TechMoon 專屬優惠折價券購買 Bluehost 主機,享有每月 $2.95 美元的獨家超低優惠價格,要搶要快!
自動套用優惠
立即購買!

熱門內容

  • 3D Book Image CSS Generator - 免費線上建立 3D 書本展示效果,可設定圖片與連結並產生 CSS 與 HTML 程式碼
  • 【WordPress 付費主題免費下載】Shadower Pro - A Responsive WordPress Theme for Bloggers
  • 【WordPress SEO 外掛】 11 個 WordPress SEO Plugins 最佳推薦外掛(2020)
  • 【WordPress 付費主題免費下載】Maiden - Responsive One Page Portfolio WordPress Theme
  • 【WordPress 付費主題免費下載】Minera - Minimalist WooCommerce WordPress Theme
  • 【WordPress 付費外掛免費下載】Responsive Posts Carousel WordPress Plugin
  • 【WordPress 付費主題免費下載】Hala - Creative Multi-Purpose WordPress Theme
  • Bluehost WordPress 教學 - 詳細圖文教你如何從購買主機到安裝 WordPress 網站 Bluehost 中文教學
  • 【WordPress 付費主題免費下載】Tempus - Photography WordPress Theme
  • 戰國策虛擬主機評價(2021 年 1 月)- 專屬優惠 8 折 20% OFF 優惠券,台灣 WordPress 架站的好選擇

相關文章

  • Remove.bg 免費圖片去背線上工具,5 秒輕鬆幫人物去背景,連我阿嬤都會去背!
  • (2021 年 1 月)Udemy 免費課程優惠碼 – 付費課程限時折扣 0 元免費線上學習
  • Simple Ops – 免費網站運行監測線上工具,即時紀錄網站性能與提供警報,隨時提醒網站運行狀態
  • 【WordPress 付費主題免費下載】Danni — Minimalist WordPress Blog Theme
  • Recompressor 免費線上圖片壓縮工具 – 幫你找出最佳圖片壓縮比例
  • FonePaw 線上免費圖片壓縮服務 – JPG/PNG 優化神器,壓縮比高達 90% 且不失真
  • Removal Editing Tool – 強大的免費線上圖片編輯器,將圖片去背後自動匯入即可立即設計自訂橫幅廣告
  • Education.com – 超過三萬個免費線上資源,讓小孩在玩樂中也能輕鬆學習!
  • Qlearly – 看板樣式的書籤管理工具,讓你 Chrome、FireFox 的書籤管理更有效
  • Optimizilla – 免費線上圖片壓縮服務,一次可同時上傳 20 張圖片並個別進行品質設定
Bluehost 虛擬主機 4 折 60% OFF 優惠折扣
SiteGround 主機 3 折優惠 + WordPress 一鍵安裝完整教學
TechMoon 科技月球 © 2021.
Theme by StudioPress
DMCA.com Protection Status
  • 免責聲明