1. 首頁
  2. »
  3. 網頁開發
  4. »
  5. 網頁設計
  6. »
  7. 網頁必備《RGB Color Wheel》線上網頁選色器-打開網頁就可配色

網頁必備《RGB Color Wheel》線上網頁選色器-打開網頁就可配色

2013/06/14

梅問題-免費資源-《RGB Color Wheel》線上網頁選色器打開網頁就可配色

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


線上選色器:

網站名稱:RGB Color Wheel
網站網址:http://www.colorspire.com/rgb-color-wheel/

進入網站後,右下角會看到一個紅橙黃綠藍靛紫的色相環,左上角有個選色器,與Photoshop一模又一樣。
梅問題-免費資源-《RGB Color Wheel》線上網頁選色器打開網頁就可配色


當左上角選好色後,右下的色相環,也會即時變換,與所選的色彩,一樣的彩度與明度的顏色,因此只選一個色彩,等同選了12個色一樣。
梅問題-免費資源-《RGB Color Wheel》線上網頁選色器打開網頁就可配色


當拖拉左上的色相條時,右下色相環的色彩排序也會跟著變動。
梅問題-免費資源-《RGB Color Wheel》線上網頁選色器打開網頁就可配色


線上網頁配色:

網站名稱:RGB Color Wheel
網站網址:http://www.colorspire.com/

colorspire還有另一個相當有趣的功能,可線上直對網頁進行配色模擬。
梅問題-免費資源-《RGB Color Wheel》線上網頁選色器打開網頁就可配色


直接點上方的色塊,就可進行更換,還蠻有趣的,因此下回要配色時,不妨可先用這個來套套看囉!
梅問題-免費資源-《RGB Color Wheel》線上網頁選色器打開網頁就可配色