colorapi 搜尋「配色主題」中 Flickr 相似的照片,並分析、取得照片中的顏色

colorapi 搜尋「配色主題」中 Flickr 相似的照片,並分析、取得照片中的顏色

作品要「配什麼顏色」是個讓人困惱的工作,顏色搭配的好與壞,常會給觀賞者留下第一印象,顏色要如何搭配,可能要讀書、要有實務的經驗等等,若這些都沒有,來試試 colorapi 這個網站所提供的免費服務,其顏色的取得是根據你所輸入的關鍵字(中、英文均可),來搜尋 Flickr 相似的照片,並根據你所挑選的照片來分析其中的 6 至 12 種主要的搭配顏色,相當直覺,並提供 ASE 色票檔案下載。

ColorBug 螢幕取色工具,可產生漸層色 CSS 樣式表(免安裝)

ColorBug 螢幕取色工具,可產生漸層色 CSS 樣式表(免安裝)

美工的配色,佔有成品成功的關鍵要素,想要取得好的配色效果,除了經驗外,若能透過工具來協助,取色就更加輕鬆簡單,ColorBug 是一套螢幕的取色碼的免費應用工具,透過拖曳相機圖示,可取到螢幕任何位置的顏色,支援 HEX、RGB 及 Delphi、C++、Visual StudioIDE 等程式的色碼表,除此之外,ColorBug 還有項很特別的功能,就是能製作所選顏色的漸層色,並為該漸層色產生 CSS 樣式表,方便你應用到網頁中。

ColorConsole 具有分頁、搜尋、匯出、複製...等功能的「命令提示字元」視窗(免安裝)

ColorConsole 具有分頁、搜尋、匯出、複製...等功能的「命令提示字元」視窗(免安裝)

儘管電腦作業系統從以前的 Dos 指令進展到現在圖形介面的 Windows 作業系統,但還是保留的可執行 Dos 指令的「命令提示字元」,通常會用來執行一些像是 Ping、 Net use、regedit、ipconfig 等等的指令,若是對內建的 「命令提示字元」視窗介面不滿意,或是覺得要使用複製、貼上等功能麻煩的話,可以來試試這套免費又免安裝的 ColorConsole 工具程式,ColorConsole 可提供多分頁、自定色彩、複製貼上、找尋關鍵字與文字樣式的執行視窗,還能將內容匯出成 RTF 或是 HTML 文件,算是相當方便的工具。

ColorPic 一套簡單好用的顏色選擇器!

ColorPic 一套簡單好用的顏色選擇器!

2020-3-11 更新:該軟體不再免費
做美工的時候,常常會有配色、抓取顏色及獲取顏色代碼的困擾,專業人士可能有很好的工具來協助,但對於偶爾需要或非經常接觸美工的人來說,即便是有很好的工具,也還要花很多時間進行學習,常常就是看到一個漂亮的顏色,需要知道它的顏色代碼,可能就要花一番功夫囉! ColorPic 這一套工具,可以來幫我們解決上述的困擾,除了抓取顏色,獲取顏色代碼,ColorPic 還提供了四種調合選色方式可以使用,想要找到心目中的顏色再也不困擾!

Copy & Paste CSS 線上提供 Buttons、Box-shadows 及 Color palettes 已搭配好的 CSS 樣式,複製就可以使用

Copy & Paste CSS 線上提供 Buttons、Box-shadows 及  Color palettes 已搭配好的 CSS 樣式,複製就可以使用

階層樣式表 (Cascading Stylesheets;CSS) 主要用來塑造網站的特殊風格,例如有段文字要用紅色來標明重點或是網頁版面要呈現2欄或 3欄的架構等等,對初學者而言參考別人寫好的 CSS 語法,可以快速增加對 CSS 的靈活運用,「Copy & Paste CSS」 是個提供 Buttons 及 Box-shadows 的模板網站,使用者可以透過其展示的樣式,如果符合自己的需求,便可以複製其 CSS語法,然後套用到自己的網頁,另外,該網站的 Color palettes 還提供已搭配好的顏色組合,供你複製帶走。

CSS Button Designer 輕鬆製作網頁使用的按鈕樣式

CSS Button Designer 輕鬆製作網頁使用的按鈕樣式

想要在網頁上對「Button - 按鈕」進行樣式調整,通常會使用背景圖片或是使用 CSS 來調整按鈕的外觀,若要加上當滑鼠移到按鈕的上方或是離開,也會使用 Javascript 來加上,若對繪製這些圖片、Javascript 都不是很熟悉的話,還是要花一些時間來製作,若是偶而用用,建議可以到 CSS Button Designer 這個免費的按鈕樣式產生器來製作,除了可使用 CSS 改變按鈕樣式,也提供滑鼠移到按鈕的上方或是離開時的 Javascript ,製作完成後,直接複製所產生的 Code 便可應用的網頁裡,相當方便。

Color gradient generator 漸層色彩 CSS 語法產生器

Color gradient generator 漸層色彩 CSS 語法產生器

漸層色彩在視覺上可以產生層次感,這對常看單一顏色的人來說,會更加有吸引力,以往要做出漸層色,設計師都會傾向於使用圖片,原因在於各家瀏覽器對 CSS 所支援的程度不相同,造成觀感不佳的問題,而如今瀏覽器對 CSS 3 基本上都支援的情況下,要達成純 CSS 語法就做出漸層色也變得相對簡單。Color gradient generator 這個免費網站提供 light、deep、rainbow 及 intense 四種漸層樣式、漸層方向、漸層大小等可視化工具讓讓用戶自行調整,完成後,就可產生 CSS 語法。

HTML Table Styler 📅 CSS Generator 免費互動式的 HTML 表格與 CSS 線上程式碼產生器

HTML Table Styler 📅 CSS Generator 免費互動式的 HTML 表格與 CSS 線上程式碼產生器

對 HTML 的初學者來說,如果有 HTML 與 CSS 相關的工具來輔助入門,將可事半功倍,以網頁的製作來看,通常都少不了 table 與 div 的應用,如果要有些變化,就需要在色彩、框線、文字、背景等多加著墨,HTML Table Styler 📅 CSS Generator 是一個免費互動式的 HTML 表格與 CSS 線上程式碼產生器,透過操作方便的調整介面,就能產生出 Gradient、Box Shadow、Text Shadow、Color、Font、Table、Column Border、Border Radius、Transform、Background 各種樣式,每種均可產生 HTML、CSS Code,且可預覽,另外,針對 table 要改用 div 也提供轉換器,讓初學過程大幅減短,兼顧工作效率。

Da Button Factory 線上網頁按鈕產生器

Da Button Factory 線上網頁按鈕產生器

Da Button Factory 是一個可以在線上製作網頁按鈕的免費產生器,所產生的網頁按鈕會包含已使用的背景圖片(PNG、GIF、JPEG、ICO)及相對應的 CSS 程式碼可供下載,讓你方便應用在網頁上;Da Button Factory 可讓使用者自訂所要產生網頁按鈕的樣式,亦可參考所提供的網頁按鈕範例再行修改,讓你幾乎不需要有任何美工的技巧,就能輕易做出有水準網頁按鈕。

Folder Colorizer 改變 Windows 資料夾的顏色

Folder Colorizer 改變 Windows 資料夾的顏色

如果覺得 Windows 內的資料夾都是同一顏色,很難一目瞭然的找到所要去的資料夾,也難以區分資料夾的重要性,或是想要替資料夾上顏色來美化其外觀時,可以來試試這套 Folder Colorizer 可改變 Windows 內資料夾顏色的免費工具,適用 Windows 7、8、10,Folder Colorizer 使用上相當簡單,甚至於可以讓你自定義顏色,有需要的朋友可以試試。

Font.colorfull 線上字型檢視器,一次列出所輸入的文字所有字型樣式

Font.colorfull 線上字型檢視器,一次列出所輸入的文字所有字型樣式

Windows 內建的字型檢視器,一次只能檢視一個字型樣式,對於美工人員應該不是太方便,若是能夠反過來將輸入的文字,使用所有字型列出字型樣式,應該較能符合需求。Font.colorfull 是一個免費的線上字型檢視器服務,他能夠將裝在電腦內的字型,根據你所輸入的文字,一次列出所有字型樣式,與之前所介紹的 FontViewOK 字型檢視工具,檢視所有字型﹝免安裝﹞具有相同的功能。