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

TechMoon 科技月球

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

  • 科技新知
  • 月球精選
  • 線上工具
  • 虛擬主機
    • Bluehost 主機
    • A2 Hosting 主機
    • 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 優惠折扣
A2 Hosting Coupon
2 分鐘閱讀

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

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

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

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

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

目錄
  1. 1. Tint & Shade Generator 簡介教學
  2. 2. 你可能有興趣
  3. 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 色碼

你可能有興趣

  • CSS Gradient – 線上產生線性漸變背景,提供 5 種漸變模式與可客製化顏色與色段區間並產生 CSS 程式碼
  • Koofr – 免費 10 GB 雲端儲存空間,可連結同步 Google Drive、Dropbox 與OneDrive 實現聚合管理功能
  • Mirrored.to – 整合多款免費雲端空間上傳服務,只需上傳一次即可批次將檔案上傳至多個鏡像免空
  • ProductShot – 免費上圖片局部放大產生器,幫助你凸顯圖片中的重點區塊並支援複製上傳下載功能
  • Whyp.it – 免費音樂雲端上傳空間,免註冊即可上傳音樂並即時線上高音質播放
  • Upload.cc – 老牌免費圖片上傳雲端空間,上限 5 MB 無需註冊永不刪檔支援批量圖片上傳功能
  • Blobs – 線上免費產生 Blobs 圖形,可調整大小形狀、漸變顏色並產生 SVG 格式與支援 Flutter 程式匯入
  • BackgroundCut – 最佳免費線上去背工具,採用 AI 技術處理刪除複雜背景並產生高解析度去背後圖片
  • Cool Backgrounds – 免費背景線上產生器,快速建立三角抽象、多線條、漸變與渲染的豐富背景
  • Trianglify.io – 線上多邊形圖片背景產生器,可客製化圖片的大小顏色與多邊形樣式並免費下載
  • Neumorphism CSS Generator – 新擬態風格圖形樣式產生器,線上客製化最新軟 UI 風格與產生 CSS 程式碼
  • Ray.so – 免費程式碼轉換圖片線上工具,將代碼製作成精美的色彩圖片可自由客製化圖片外觀

更多相關文章

  • 【WordPress 付費主題免費下載】Ariana - Digital Agency One Page WordPress Theme
  • 【WordPress 付費外掛免費下載】Responsive Posts Carousel WordPress Plugin
  • 戰國策虛擬主機評價(2021 年 4 月)- 專屬優惠 8 折 20% OFF 優惠券,台灣 WordPress 架站的好選擇
  • 【WordPress 付費主題免費下載】Mora - Creative Portfolio & Photography Theme
  • (2021 年 4 月)Udemy 免費課程優惠碼 - 付費課程限時折扣 0 元免費線上學習
  • 【WordPress 付費主題免費下載】Structura - Minimal One Page Theme
  • 【WordPress SEO 外掛】 11 個 WordPress SEO Plugins 最佳推薦外掛(2020)
  • 【WordPress 付費主題免費下載】Hala - Creative Multi-Purpose WordPress Theme
  • Mobile01 熱議 - 國外 300 元的便宜 Windows 10、Office 2019 序號能買嗎?
  • Color Palette Generator - 免費線上調色盤產生器,一鍵自動產生 5 種搭配套色,並提供顏色代碼與一鍵複製顏色色碼!
  • 【WordPress 付費主題免費下載】Minera - Minimalist WooCommerce WordPress Theme
  • 【WordPress 付費主題免費下載】Shadower Pro - A Responsive WordPress Theme for Bloggers

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

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

關於 Sliven

每日分享科技新知、免費資源以及 WordPress、虛擬主機相關主題,任何問題歡迎在科技月球下方留言,或是發送 Email 至 [email protected] 與我聯繫。

讀者互動

發佈留言 取消回覆

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

Primary Sidebar

追蹤我們

站內搜尋

最新文章

  • Videvo – 線上海量影片素材免費下載,Royalty-Free 免版稅可商用提供各種動態圖形、音樂曲目與音效素材
  • Koofr – 免費 10 GB 雲端儲存空間,可連結同步 Google Drive、Dropbox 與OneDrive 實現聚合管理功能
  • Mirrored.to – 整合多款免費雲端空間上傳服務,只需上傳一次即可批次將檔案上傳至多個鏡像免空
  • ProductShot – 免費上圖片局部放大產生器,幫助你凸顯圖片中的重點區塊並支援複製上傳下載功能
  • Whyp.it – 免費音樂雲端上傳空間,免註冊即可上傳音樂並即時線上高音質播放
  • 【WordPress 付費主題免費下載】Bethlehem – Church WordPress Theme
  • 【WordPress 付費主題免費下載】Anada – Data Science & Analytics Saas WordPress Theme
  • 【WordPress 付費主題免費下載】Yoome – Modern WooCommerce WordPress Theme
  • 【WordPress 付費主題免費下載】Cindy – Accessible Local Government WordPress Theme
  • Upload.cc – 老牌免費圖片上傳雲端空間,上限 5 MB 無需註冊永不刪檔支援批量圖片上傳功能
Bluehost best deal from TechMoon $2.95/月
Bluehost 獨家優惠
現在透過 TechMoon 專屬優惠折價券購買 Bluehost 主機,享有每月 $2.95 美元的獨家超低優惠價格,要搶要快!
自動套用優惠
立即購買!

熱門內容

  • 【WordPress 付費外掛免費下載】Smooth Scroll for WordPress — Site Scrolling without Jerky and Clunky Effects.
  • 【WordPress 付費主題免費下載】Asra - Minimalist Photography Portfolio WordPress Theme
  • WordPress 虛擬主機推薦比較(2021 年 4 月)- 最熱門 16 個 WordPress 主機費用、速度與方案完整評價介紹
  • 便宜 office 的真相 - 不到 300 元的 Win10 與 Office 到底能不能買?
  • Neumorphism CSS Generator - 新擬態風格圖形樣式產生器,線上客製化最新軟 UI 風格與產生 CSS 程式碼
  • 【WordPress 付費主題免費下載】Minera - Minimalist WooCommerce WordPress Theme
  • 【WordPress SEO 外掛】 11 個 WordPress SEO Plugins 最佳推薦外掛(2020)
  • 3D Book Image CSS Generator - 免費線上建立 3D 書本展示效果,可設定圖片與連結並產生 CSS 與 HTML 程式碼
  • 【WordPress 付費主題免費下載】Soho Pro - Photography Portfolio
  • 【WordPress 付費主題免費下載】Photography Photty

相關文章

  • Adobe Photoshop Express – 免費線上圖片編輯服務,提供圖片裁切、調整大小、修飾與套用濾鏡效果
  • CSS Gradient – 線上產生線性漸變背景,提供 5 種漸變模式與可客製化顏色與色段區間並產生 CSS 程式碼
  • Norton Safe Web 線上免費檢測網址安全性,保護你的網站免受病毒侵害
  • YoutubeDLD – 一鍵免費下載 Youtube 影片,在網址加上 DLD 即可 Download
  • 思源黑體 Noto Sans TC – 由 Google 提供的免費線上 Web Font,讓你免費就能擁有好看的中文字型
  • Feather Icons- 超過 200+ 個系統常用圖示免費下載,不僅開源還可線上調整圖示大小粗細與顏色!
  • LineIcons – 超過 2000+ 個線形圖標庫,專為設計師與開發人員設計的圖標 Icons 免費下載
  • 奶牛快傳 – 4 GB 線上免費檔案傳輸分享服務,不僅快速連廣告都讓你覺得美與舒服
  • Tencent Lemon Cleaner 騰訊檸檬清理 – 超好用的 Mac 清理軟體工具,加速你的 Mac 電腦
  • AI Image Denoiser – 透過 AI 技術線上自動處理圖片降噪,免費提升模糊圖片的畫質並增強整張照片
Bluehost 虛擬主機 4 折 60% OFF 優惠折扣
A2 Hosting Coupon
TechMoon 科技月球 © 2021.
Theme by StudioPress
DMCA.com Protection Status
  • 免責聲明