2008/03/13

網頁配色工具收集

平常收集的一些做網頁的時候可以用來參考的配色工具網站,
某些時候確實很有幫助,可以作為參考:

http://www.colordic.org/ (日)
這是蠻有名的原色大辭典,
範圍很廣,除了原色大辭典之外也有和色/洋色/web216/粉彩色/鮮豔色的色票可以選擇,
每種顏色都有附上16進位色碼方便編輯原始碼的時候使用。
另外ストライプメーカー(stripe maker)功能相當有趣,
只要在欄位內鍵入一個關鍵字,就會幫你做出一塊條紋配色,
通常那塊條紋配色還蠻好看的,但是我覺得它跟我輸入的詞根本毫無關係XDD
成分解析的部分也是同樣的無厘頭,我想這應該又只是一個php隨機抽樣遊戲...
這個網站的配色選項則是一切都要靠使用者自己來,沒有自動配色的功能。


http://www.themaninblue.com/experiment/Technicolor/ (英)
這是一個會產生自動配色的網頁,
通常用在已經決定好主要顏色的時候,
輸入色碼它就會幫你配出含原色碼共12個顏色,
又快又明確,不想花太多腦筋的時候可以用。
而且右邊有一個可以預覽的小網頁讓使用者套用配好的顏色,可以看看效果如何。
不過個人覺得它的配色算法有點死...大致上很三角的感覺,
參考之後可以自己再做點變化


http://colorschemedesigner.com/ (英)
跟上一個網站類似,也是可以輸入決定的色碼再讓它提供配色方案,
*注意它的色環下面有"Enter RGB"可以按,然後輸入不含#符號的色碼即可
它的功能比上一個網站強大很多,
可以選擇不同的配色模式(單色/對比/三角/四角/類比)(後三種還可調整色相環的角度),
右邊也有一塊配色區可以參考(雖然沒有上一個網頁的模擬功能那麼好),
還可以選擇基本/粉彩/深色/亮色/高對比/低彩度等變化
最特殊的是它右下角的選單還能選擇模擬各種色盲的配色結果,
(由上往下分別是正常/紅色色盲/綠色色盲/無法分辨藍色黃色/紅色弱/綠色弱/藍黃色弱/全色盲/非典型全色盲)
如果遇上這一類型的客戶,這個網頁絕對有很大的幫助。


http://www.colr.org/ (英)
另一個很有特色的網站
只有關鍵字但沒有任何配色靈感的時候非常有用~
它可以讓你從網路上取得或自己上載一張照片然後分解出這張照片上的顏色,
可以自訂顏色組合,儲存並且給予標籤。
此外也可以在Colors from websites輸入網址來抓取特定網頁中的配色。
藉由許多使用者自訂的顏色組合和標籤,可以在這個網頁的Search tags輸入標籤關鍵字來找相關的配色,
例如我輸入orange就能找到很多橘色系的不同配色。
唯一的缺點是因為這些配色組是由成千上萬不同用戶各自搭配並貼上標籤的,
所以偶而也是會看到疑似亂入的配色組合XD


http://www.print100.com/hk/html/csi.aspx (廣東話(?))
這應該其實是一個印名片的公司網頁@@
但是不知道為什麼竟然有像是一整本配色書的掃描版在線上
就像一般照關鍵字分類的配色書籍一樣
而且關鍵字還中英對照XD
唯一的問題是這個配色旁邊附註的格式是CMYK
所以要拿來用的時候還要轉換有點麻煩。


以上幾個我平常已經覺得相當夠用了
要是有人有更棒的站也歡迎推薦:)

1 則留言: