色彩工具 ❘ HTML Color Codes
- 2019.08.07
- / 890 Views
「HTML Color Codes」是一款全方位免費線上選色網站，
為什麼說是全方位呢？因為它除了選色外，還能查詢 HEX 色碼、RGB、HSL 和 CMYK，
並將你選擇的顏色匯出為 HTML、CSS，對於平常會時常使用到色彩的工作者來說是非常方便的。
另外很重要的是，
HTML Color Codes不用額外下載、安裝軟體，直接透過瀏覽器就能使用。
值得一試的理由：1.無需下載或安裝軟體。2.內建 Flat Design、Material Design等色表。3.可匯出各種網頁、平面需求的色碼及代碼。
▋ 如 何 操 作 How to use
Choice . 01
進入網頁後，點選下方的Color Picker。
選色工具的右側拉桿為調色作用，再從中間點擊即可選取某個色塊，
選取後右側會顯示更大張的色彩預覽，以及該顏色色碼、RGB、HSL 等資訊。
Choice . 02
如果你對於顏色沒什麼想法，可點擊選單的「Chart」頁面，
網站收錄完整平面設計（Flat Design）、Material Design 和網頁安全色，
這些顏色組合上更為單純，直接點擊一樣能夠選取顏色並顯示色碼。
這些顏色組合上更為單純，直接點擊一樣能夠選取顏色並顯示色碼。
因為是選色器，當然不能漏掉重要的色彩選取功能。
當你選擇顏色後，右上角調色盤會出現你剛才選擇過的最後六個顏色，
如果你希望顏色維持在調色盤中，不要被後來選取的顏色覆蓋，
可以按一下下方的「鎖頭」圖示將它鎖定即可儲存起來，再點擊一次可以解除鎖定模式。
點擊六色色塊左側的下載圖樣，就可以將你選取的顏色資訊匯出，
產生為 HEX、RGB 色碼，或是 HTML、CSS 和 SCSS 代碼寫法範例。
▋ 開 始 玩 色 彩