HTML Color Codes 全方位免費線上選色器,輕鬆獲取色彩代碼 | rgb產生器
Lastupdatedon4yearsagobyPseric(Copyright:alessandroguerriero/123RFStockPhoto[1])不知道你會不會經常用到選色器[2]或選色工具[3](ColorPicker)呢?對我來說,我在編輯網頁樣式表CSS時才會找顏色,通常會從一些網站配色[4]服務尋找看起來合適且舒服的色碼,顏色雖然看似不多,但相差一些些就可能有完全不同的感覺,例如前幾天介紹的「Colors.css 符合當前網頁設計風格的預設16種顏色調色盤[5]」就提供許多很適合現代網頁設計的預設配色,我最近也開始使用;另外像是Colorable[6]可產生符合WCAG規範的配色組合也是很推薦的配色...
不知道你會不會經常用到選色器[2]或選色工具[3](Color Picker)呢?對我來說,我在編輯網頁樣式表 CSS 時才會找顏色,通常會從一些網站配色[4]服務尋找看起來合適且舒服的色碼,顏色雖然看似不多,但相差一些些就可能有完全不同的感覺,例如前幾天介紹的「Colors.css 符合當前網頁設計風格的預設 16 種顏色調色盤[5]」就提供許多很適合現代網頁設計的預設配色,我最近也開始使用;另外像是 Colorable[6] 可產生符合 WCAG 規範的配色組合也是很推薦的配色工具,假如你偏好日系風格,NIPPON COLORS[7] 則有代表日本的 250 種配色組合。
本文要介紹的「HTML Color Codes[8]」是一款全方位免費線上選色器,不用額外下載、安裝軟體,直接透過瀏覽器就能使用,除了選色工具外,還有顏色圖表、顏色名稱檢索等等功能,顏色表收錄 Flat Design、Material Design 和網頁安全色(Web Safe Color)調色盤,對於要找色碼來說可以在一站完成。
不僅如此,HTML Color Codes 還是一個很實用的色彩工具,除了選色外還能查詢 HEX 色碼、RGB、HSL 和 CMYK,並將你選擇的顏色匯出為 HTML、CSS 或 SCSS ,對於平常會用到選色器的設計師來說這網站相當方便,不僅提供你在線上快速選取顏色,亦能將選取的顏色暫存起來,以便下次重新打開網站時依然能夠取用你先前選擇的顏色調色盤。
網站名稱:HTML Color Codes網站鏈結:https://htmlcolorcodes.com/[9]
使用教學STEP 1
開啟 HTML Color Codes 後預設功能為選色器(Color Picker),直接將網頁往下拉就能開始使用。
STEP 2
(Copyright: alessandroguerriero / 123RF Stock Photo[1])