在HEX、RGB、HSL、CMYK等不同格式之間轉換顏色。支援EyeDropper API取色、調色板生成和配色方案分析。
使用顏色選擇器選擇顏色
進階顏色選擇和管理工具
目前顏色的各種表示格式
官方 Tailwind CSS 預設色板。選擇格式後單擊複製，雙擊填入顏色選擇器。
了解不同顏色格式的特點和適用場景
使用 6 位十六進位數字表示顏色，如 #FF5733。這是網頁開發中最常用的顏色格式，相容性最好，適合在 CSS 和 HTML 中使用。
使用紅、綠、藍三個顏色通道的數值來表示顏色，如 rgb(255, 87, 51)。這種格式直觀易懂，適合設計師和開發者理解顏色構成。
在 RGB 基礎上增加 Alpha 通道表示透明度，如 rgba(255, 87, 51, 0.8)。適合製作疊加層、陰影等半透明視覺效果。
使用色相、飽和度、亮度三個屬性來表示顏色，如 hsl(12, 100%, 60%)。這種格式更接近人類感知顏色的方式，便於調整顏色的明暗和鮮豔程度。
使用色相、飽和度、明度三個屬性來表示顏色，如 hsv(12, 100%, 100%)。這種格式在圖形軟體中常用，明度值更直觀地表示顏色的亮度。
使用青色、品紅色、黃色、黑色四個顏色通道來表示顏色，如 cmyk(0%, 66%, 80%, 0%)。這是印刷業的標準格式，適合需要列印的設計作品。
使用感知亮度、色度、色相三個屬性來表示顏色，如 oklch(60% 50% 12)。這是現代色彩空間，更符合人眼感知，支援更廣的色域，適合現代顯示裝置。