「Visual Studio Code」是由微軟（Microsoft）開發的開放原始碼程式編輯器。
網頁前端設計師在撰寫 CSS 中的色碼時，都會希望可以有調色盤可以馬上進行調色，因此我就找到了「Color Picker」，安裝後只要游標停駐在 CSS 文件中的色碼上，就會顯示出調色盤，支援透明度調整，16進位、HSL 和 RGB 等色碼格式也都支援，可以幫助網頁設計！
▲在延伸模組市集內搜尋「Color Picker」就可以找到由「anseki」開發的「Color Picker」，請先安裝。
▲安裝後就可以直接使用了！將游標停駐在色碼上頭就會有調色盤囉！
您好，我是萌芽系列網站（Mnya Series Website）的站長&創始人，可以稱呼我「萌芽站長」。我的興趣與專長有登山、觀察地形、攝影、旅遊、網頁設計＆架設＆經營、動畫製作、圖片處理、資料彙整等。有任何問題或建議請至萌芽論壇發表。網站業務、商業合作的聯絡方式在「關於本站 → 團隊介紹 → 站長介紹」，很高興認識您！請多指教！
VS Code x Gemini Code Assist：完整安裝與實戰教學，用 Google AI 打造最強開發環境
最強動漫 AI 模型 Anima-Base 正式發布！
Stable Diffusion：用於調整人物胸部大小的 AI 繪圖提詞
Anima Standalone Trainer：訓練二次元動漫角色 Anima 專用 LoRA 模型實戰教學
Anima：重塑二次元創作邏輯的提示詞撰寫全攻略
警惕！近期出現偽冒「一卡通 iPASS」電子發票中獎通知之詐騙郵件
警惕！假冒中國信託（CTBC）之釣魚郵件詐騙手法分析
中華郵政(郵局)國內包裹託運單格式、交寄教學
Richart APP：收到簽帳金融卡後開卡流程教學
2026 Google Gemini AI 完整比較：免費、Pro、Ultra 方案差別與價格全分析
《上一篇》Beautify（Visual Studio Code 擴充功能）：美化網頁原始碼、支援 javascript、CSS 和 HTML 等 
《下一篇》Polacode（Visual Studio Code 擴充功能）：製作簡易又美觀的程式碼截圖
留言區 / Comments
萌芽論壇