色彩轉換器 & 調色盤

什麼是 HEX、RGB 和 HSL？

在網頁設計中，顏色可以用各種格式表示，每種格式都有獨特的用途。

使用方法

• 即時轉換：在任何 HEX、RGB 或 HSL 欄位中輸入或貼上值，即可立即查看轉換後的等效值。
• 色彩選取器與滑桿：使用直覺的滑桿或視覺色彩選取器 UI 調整顏色並獲取精確值。
• 自動調色盤：選擇基本顏色將自動生成動態的 11 步淺到深調色盤（色調與色彩），範圍從 50 到 950。

術語

• HEX（十六進位）：如 #10B981 的 6 字元代碼，表示紅、綠、藍的強度。CSS 中最常見的格式。
• RGB（紅、綠、藍）：指定每個原色光的強度，從 0 到 255。
• HSL：透過色相（0-360 角度）、飽和度（0-100%）和亮度（0-100%）直覺地定義顏色。

安全性

所有顏色計算和轉換都在您的瀏覽器中本地執行。