0to255 簡單好用的線上顏色選擇器

0to255 簡單好用的線上顏色選擇器

網頁要呈現出顏色,一種是使用圖片,一種是使用顏色代碼,如果是使用顏色代碼,那就必須正確取出該顏色的色號,那該如何取得呢?0to255 是一個簡單好用的線上顏色選擇器,其好處就是在選擇一個顏色後,能夠將其鄰近的色彩一並列出,大幅提升顏色精準度,使用時,也只需要使用滑鼠點擊,就可取出顏色代碼,相當方便。

Able Opus Color Extractor 取出色碼工具(免安裝)

Able Opus Color Extractor 取出色碼工具(免安裝)

對於顏色的搭配技巧,從事網頁美工或平面設計的人一定相當有感覺,當想要取出理想中的顏色代碼時,也會使用應用軟體來輔助,Able Opus Color Extractor 這套免費的取出色碼工具,提供可從色譜、相片及螢幕三種取出顏色碼的方式,並提供 RGB、Hex 與 HSB 三種色碼,方便你後續的應用。

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

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

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

Color Express 顏色代碼選擇器

Color Express 顏色代碼選擇器

想要將中意的顏色應用在網頁或其他美工素材上時,少不了需要應用到取色工具,若有這個需求可以來使用 Color Express 這套免費的顏色代碼選擇器,除了具有 Windows 常見的選色工具外,另外亦提供可以從圖片、系統或桌面上來選色並提供 RGB、HSL、CMYK、CIE Lab 等及常應用在 HTML、C++、Java、Basic、Delphi 等開發工具的顏色代碼及可匯出帶有色碼的顏色圖片等功能。

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

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

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

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

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

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

imgr 圖片色彩線上分析工具

imgr 圖片色彩線上分析工具

想要取出相片中的顏色代碼,方便應用在網頁上,可以試試 imgr 這個免費的圖片色彩線上分析工具,使用方式相當簡單,只要上傳自己想要取色的相片後,便會自動幫你分析,最後產生出每種顏色的 HEX 顏色代碼,支援上傳的圖片格式有 JPG、GIF 及 PNG 等圖檔。

Just Color Picker 精準的顏色選擇器(免安裝 繁體中文版)

Just Color Picker 精準的顏色選擇器(免安裝 繁體中文版)

不論是平面設計或是網頁美工,常有配色、抓取顏色及獲取顏色代碼的需要,而這個需求可以透過軟體工具來協助,除了先前所介紹 ColorPic 一套簡單好用的顏色選擇器! 或是網頁上的 0to255 線上簡單好用的顏色選擇及配色 都可以應用。Just Color Picker 是一套精準的顏色選擇器不需安裝即可直接執行,只要在電腦螢幕上任何一個位置,看到喜歡的顏色,滑鼠移到其上方,Just Color Picker 就會放大該目標且顯示出目標的顏色代碼,例如有些漸層色的圖片,放大後,可精準地取出顏色碼且可以使用 HTML、RGB、HEX、HSB/HSV 及 HSL 的顏色格式來標示出顏色代碼。

Huemint 用人工智慧替主題產生成套風格的色彩配置

Huemint 用人工智慧替主題產生成套風格的色彩配置

顏色搭配是門學問,除了基礎的色彩意義、色彩理論與色彩心理學外,還要兼顧傳統及現行的用色趨勢,因此,不同主題在不同設計師的操刀下,就會產生截然不同的效果,但,多數人可能都離色彩理論或是花錢請設計師的這條道路很遠,那該怎麼辦呢?網路上也有很多關於顏色配置的免費資源可供運用,但 Huemint 這個網站則不僅僅是產生顏色代碼,然後要用戶自行選擇而已,而是使用機器學習的方法產生具有成套風格的色彩配置,並可根據使用者對不同主題像是網站、雜誌、導引、插圖等作品及對色彩的要求,例如需要高對比度、明亮些、顏色繽紛點或是要有活力的顏色產生 1到多種具成套風格的配色板,讓使用者可以免註冊,通通拿去用。

如何取出相片中的主要色彩代碼?

如何取出相片中的主要色彩代碼?

現在手機都有照相功能,出門在外時,若遇美景隨時都可以保留下來,後續如果要應用該張相片中的色彩,最簡單的方式就是利用小畫家的取色器來取色,若想大面積的取出色彩配置,可以利用 colorfavs 這個網站所提供的功能,只需上傳該張相片,便能取出相片中主要的色彩,並提供複製 Hex 網頁色碼功能,讓你方便應用。

ImageGlass 可幻燈片自動播放的免費看圖片軟體

ImageGlass 可幻燈片自動播放的免費看圖片軟體

如果對 Windows 內建的「相片」看圖片軟體,不甚滿意,也許可以來考慮 ImageGlass 這套免費又免安裝且有繁體中文介面的免費看圖軟體,該軟體除了可自由調整看圖比例,像是自動縮放、鎖定縮放比例、縮放至與高度或寬度相符、縮放到填滿之外,也支援裁剪功能、水平或垂直翻轉並可提供顏色選擇器,方便查看 RGBA、HEXA、CMYK 及 HSLA 等顏色代碼,另外也可以使用幻燈片的模式來自動播放資料夾內的多張圖片,並可設定每張圖片要播放的時間。