alwane.io 擷取網站 CSS 內的顏色代碼

alwane.io 擷取網站 CSS 內的顏色代碼

想要取得網站所搭配的顏色代碼,最快速的做法就是將網頁擷取成圖片,然後透過圖片編輯器內的取色工具去取得顏色代碼,另外一種就是去讀取該網站內含的 CSS,前者取得的色彩可能有偏差,而後者又很麻煩,但取得的顏色代碼絕對正確,而現在後者這麼麻煩的動作,可以由 alwane.io 這個網站來幫你代勞了,使用者只需要將網址輸入,該網站就會自動幫你擷取 CSS 內所有的顏色代碼,並且將相近的顏色以色塊的方式進行分組呈現,另外,如果是已知的 CSS 或是顏色代碼,也可以直接貼到 alwane.io 網站來分析。

Chrome Screen Capture 由 Google 所開發的免費截圖 Chrome 外掛工具

Chrome Screen Capture 由 Google 所開發的免費截圖 Chrome 外掛工具

Chrome Screen Capture 是由 Google 官方所開發的 Chrome 瀏覽器免費外掛應用工具,支援網頁可視區域擷取、自訂區域擷取、整個網頁擷取成圖片及電腦螢幕擷取的四種擷取方式,擷取成圖片後,可以利用圖片編輯工具來編輯該圖片,或是利用 Chrome Screen Capture 所提供的簡易圖片編輯工具,像是加入框線、模糊、插入文字、畫線或箭頭等等,然後將編輯後的圖片儲存為 PNG 格式的圖片文件。另外,Chrome Screen Capture 可在 Windows、Linux 及 Mac 等作業系統應用,並可將擷取的圖片直接分享到 Picasa Web、Facebook 或是新浪微博,是相當方便的網頁擷取成圖片的 Chrome 擴展應用。

如何使用微軟 Edge 瀏覽器內的「網頁擷取」功能?

如何使用微軟 Edge 瀏覽器內的「網頁擷取」功能?

雖說要擷取 Windows 內任何的畫面都可以使用[ Windows 標誌鍵 + Shift + S ]來開啟內建在 Windows 內的[ 剪取 ]工具,該剪取工具提供使用者規則形狀、任意形狀、視窗及全螢幕擷取等功能,但畢竟還多了個需要記得快速鍵的組合及要按快速鍵的動作,而現在,微軟針對 Edge 瀏覽器單獨設計了個「網頁擷取」功能,使用者可以在任何頁面,使用滑鼠右鍵叫出快速功能表或是利用[ Ctrl +shift + S ]鍵盤快速鍵就可使用,而擷取出的圖片,可以單獨保存,也可以新增附註,這對圖片需要增加說明的使用者而言,就可以不需要再做二次加工,也算是相當方便,但要使用這個功能,需先更新 Edge 瀏覽器到最新版。

Kwout 線上擷取包含有超連結的網頁畫面

Kwout 線上擷取包含有超連結的網頁畫面

一般我們透過網頁擷取軟體,像是WebShot 擷取網頁完整畫面 URL2JPEG 擷取網頁完整畫面(繁體中文) 只要輸入網址,便會將該網址的畫面完整的擷取成圖片,但這些都僅限於圖片格式,不包含網頁內的超連結。而 Kwout 是一個免費提供線上擷取網頁畫面的服務網站,它無法像前述軟體擷取網頁整個畫面,卻可自訂擷取網頁區塊,並且將區塊內的超連結一併將它擷取出來,擷取出來的區塊,還提供簡易的處裡,可以幫畫面加上邊框、圓角或陰影等等,也可以再調整大小,另外也可以設定分享到哪邊,完成後把Embed後方的語法複製貼到網頁內要使用的地方就可以了。

Screenshot Guru 輸入網址,就幫你將該網頁擷取成圖片

Screenshot Guru 輸入網址,就幫你將該網頁擷取成圖片

對自己有價值的網頁內容,有些人喜歡將他透過列印方式轉成 PDF檔案,也有人喜歡轉成圖檔,端看用戶需求,前者,透過 Edge、Chrome 瀏覽器的「列印」功能就可以辦到,後者則需要透過其他應用程式,Screenshot Guru 這個網站屬於後者是一個免費的服務,使用的方式也非常簡單,只需要將網址複製後,貼到 Screenshot Guru 網站,就可以幫你擷取成該網頁完整的圖片。

SiteShoter 可定時將網頁擷取成圖片的工具(免安裝 繁體中文版)

SiteShoter 可定時將網頁擷取成圖片的工具(免安裝 繁體中文版)

如果想將網頁擷取成圖片,可以使用鍵盤的[ Print Screen ]按鍵來達成,但只能做到網頁可視範圍的擷取,想自訂尺寸或全網頁擷取,還是需要透過像是 URL2JPEG 工具或是 如何使用 Google Chrome 內建功能完整的擷取網頁成圖片? 來協助達成。SiteShoter 也是一套網頁擷取成圖片工具,可全頁或自訂擷圖尺寸,也可以關閉卷軸、JavaScript 或 Flash 讓圖面更簡潔,且提供繁體中文介面,操作更方便,SiteShoter 除了提供擷取網頁成圖片的功能之外,也提供多網址及定時的功能,讓網頁截圖也能很自動化。

SuperScreenshot.com 線上將網頁完整畫面擷取成圖片

SuperScreenshot.com 線上將網頁完整畫面擷取成圖片

想要將網頁擷取成圖片,若網頁內容較短,還有辦法使用鍵盤的「Print Screen」鍵,然後貼到小畫家或其它影像編輯軟體,但是如果要擷取較長的網頁畫面時,這個方法就不適用了,需要透過工具軟體來協助,像是 URL2JPEG 擷取網頁完整畫面(繁體中文) WebShot 都是不錯的應用軟體,而 SuperScreenshot 則是一個線上擷取網頁完整畫面成圖片的免費服務網站,只要輸入 URL 網址,就可以將網頁頁面完整的擷取出成JPG 或 PNG等圖片格式。

Web-Capture 輸入網址就將網頁擷取成 PDF、PS、SVG 檔案

Web-Capture 輸入網址就將網頁擷取成 PDF、PS、SVG 檔案

要保存有價值的網頁,通常我們會希望將網頁內容直接儲存到電腦裡,避免因網站改版、經營等問題造成後續存在書籤中的網址會連不上,想要儲存網頁內容,當然首推 Google Chrome 瀏覽器的「列印」功能,他可以將網頁完整的以 PDF 格式保存下來,但如果是要儲存成圖片呢?Web-Capture 是可以考慮使用的線上應用程式之一,原因無他,其對中文字可以完整地保留,再來就是原有的網頁格式不會被破壞,且對檔案的格式支援眾多,像是 JPEG、TIFF、BMP、PNG、SVG 和 Postscript(PS)、PDF等,操作也簡單,只要輸入網址,選擇所要的檔案格式,便可轉出。

WebSnapShot 將網頁全版擷取成圖檔的實用工具(免安裝)

WebSnapShot 將網頁全版擷取成圖檔的實用工具(免安裝)

多數的將網頁擷取成圖檔的線上工具,均無法完整的擷取全版的網頁成圖檔,若想要將所看到的網頁完整的擷取成圖檔,方便儲存,以利將來可以閱讀,可以試試這套免費又實用的 WebSnapShot 免安裝工具, WebSnapShot 的使用方式相當簡單,只要將網址挑到輸入框內,就能幫你轉出一份 JPEG 或 BMP 的圖形檔案。