
現在在設計網頁,梅干已經很少使用Dreamweaver,大部分都使用NotePad++或Sublime Text,主要原因則在於,這二套文字工具,相當的小巧且還有隨身版,因此完全不用安裝,隨點立即就可使用,同時還是免費軟體,因此不會有版權問題,透過這二個文字編輯器,來設計網頁已相當的措措有餘,但唯一比較麻煩的是選色的部分,因此當遇到配色時,就得再開啟Photoshop才行,但只選個色還得再開啟Photoshop,實在有點殺雞用牛刀,所以梅干今天要來分享個好網站,直接打開瀏覽器就可選色,且與Photoshop的選色板一模一樣喔!
線上選色器:
進入網站後,右下角會看到一個紅橙黃綠藍靛紫的色相環,左上角有個選色器,與Photoshop一模又一樣。

當左上角選好色後,右下的色相環,也會即時變換,與所選的色彩,一樣的彩度與明度的顏色,因此只選一個色彩,等同選了12個色一樣。

當拖拉左上的色相條時,右下色相環的色彩排序也會跟著變動。
線上網頁配色:
而colorspire還有另一個相當有趣的功能,可線上直對網頁進行配色模擬。

直接點上方的色塊,就可進行更換,還蠻有趣的,因此下回要配色時,不妨可先用這個來套套看囉!
