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

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

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

Adobe Color 色輪配色、擷取圖片內主題色彩的免費線上工具

Adobe Color 色輪配色、擷取圖片內主題色彩的免費線上工具

Adobe Color 是由 Adobe 所開發,主要用來協助設計師進行配色及探索的一個線上免費工具,主要區份「創建」、「探索」及「趨勢」三大部分,在「創建」的部分其提供的主要功能有色輪配色、從圖片擷取主題色及漸層色,還有個就是色盲衝突顏色檢測,而「探索」則是提供使用者可輸入關鍵字搜尋相關圖片的用色,另外「趨勢」則是提供從 Behance 和 Adobe Stock 的創意社群中,探索不同行業目前的色彩趨勢,該服務是免費的,即便是沒有 Adobe 帳戶都是可以使用的,而有 Adobe 帳戶則可以結合 Adobe 產品 ( Photoshop、Illustrator、Fresco 等等) 中,透過 Adobe「顏色主題」面板或 CC Libraries 使用所儲存的顏色主題。

BrandColors 下載知名網站所使用的顏色 CSS

BrandColors 下載知名網站所使用的顏色 CSS

網站的製作不論是初學程式或已經是高手,可能都會覺得寫 Code 來實現功能會比對網站整體顏色該如何配置來的簡單許多,因為,如何用色才能得滿分,始終是沒有標準答案的,只能說用傳統常見的顏色呢就是中規中矩,若用色大膽,有人欣賞就是創新,沒人欣賞就便垃圾了。當然,我們也可以到 BrandColors 這個網站來參考與了解知名網站是如何進行顏色搭配的,若覺得喜歡,也可下載該網站的用色 CSS 檔案,方便後續的應用。

Buttons 線上 CSS 按鈕產生器

Buttons 線上 CSS 按鈕產生器

製作網頁時,難免會有需要讓使用者點擊的地方,若只是用文字來敘述,雖然簡單明瞭,但卻顯得單調,想要放個按鈕圖示,但卻又礙於要使用圖片,牽涉較廣,若有這些問題,可以來試試這個可以說是 CSS 按鈕寶庫的 Buttons 線上 CSS 按鈕產生器,不但提供 Flat、Glow、Rounded、3D、Border、Pill、Circle、Dropdown(下拉選單)、icon、Square、Block 等各式各樣的按鈕,且配色相當豔麗,使用上更是簡單,只需在網頁特定位置,載入相關連結後,複製想要使用的按鈕樣式到網頁想要應用的位置即可。

COLOR SUPPLY 線上教你顏色如何搭配

COLOR SUPPLY 線上教你顏色如何搭配

製作文宣品、網頁或是任何需要美工的地方,常會為了色彩要如何搭配而傷腦筋,有些甚至會一改再改,雖說色彩搭配並無絕對的對與錯,只要能增添作品評價的配色方案,即便是只有使用黑色與白色兩色都能搭出完美的作品,至於初學者該如何學習色彩搭配美學呢?COLOR SUPPLY 是個不錯的網站,其提供羅盤式的配色選擇器,以指針搭配色菜風格來選出適合婚搭的顏色,而每次取色都會直接在範例的圖形中做變化,讓使用者可以直接預覽色彩搭配後的效果,並提供色彩碼讓使用者快速取用,

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

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

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

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

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

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

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 的顏色格式來標示出顏色代碼。