HTML Color Codes 全方位免費線上選色器,輕鬆獲取色彩代碼、RGB 和 HSL

HTML Color Codes 全方位免費線上選色器,輕鬆獲取色彩代碼
(Copyright: alessandroguerriero / 123RF Stock Photo

不知道你會不會經常用到選色器選色工具(Color Picker)呢?對我來說,我在編輯網頁樣式表 CSS 時才會找顏色,通常會從一些網站配色服務尋找看起來合適且舒服的色碼,顏色雖然看似不多,但相差一些些就可能有完全不同的感覺,例如前幾天介紹的「Colors.css 符合當前網頁設計風格的預設 16 種顏色調色盤」就提供許多很適合現代網頁設計的預設配色,我最近也開始使用;另外像是 Colorable 可產生符合 WCAG 規範的配色組合也是很推薦的配色工具,假如你偏好日系風格,NIPPON COLORS 則有代表日本的 250 種配色組合。

Google 搜尋內建選色器及 HEX、RGB 色碼查詢轉換工具

Google 搜尋內建選色器及 HEX、RGB 色碼查詢轉換工具

雖然我平時工作很少接觸色碼,偶爾在調整 CSS 或設計圖片時還是會用到,大多數情況都是使用線上調色盤或配色服務,例如 Adobe KulerCoolors 或之前整理的「三個線上配色工具,豐富你的全新選色靈感」,可以快速產生 HEX 值來套用到網頁樣式中。有時碰到 RGB 色碼就必須藉助轉換器的幫忙,大家都知道網路上隨意 Google 就有一堆轉換器可用,而現在 Google 搜尋已經內建這個方便功能。