01
什麼是顏色代碼轉換？
顏色代碼轉換是數位設計中使用的各種顏色表示方式（HEX、RGB、HSL、HSV）之間相互轉換的過程。在網頁設計、平面設計、應用程式開發等領域都是不可或缺的。每種顏色代碼格式都有其獨特的優勢，依情況選擇合適的格式非常重要。
🎨 顏色轉換器
為網頁設計師和開發者提供的綜合顏色轉換工具。即時轉換HEX、RGB、HSL、HSV等各種顏色格式並立即預覽。使用顏色選擇器和滑桿直覺地找到所需顏色，或使用預設顏色快速上手。
HEX
—
RGB
—
HSL
—
CMYK
—
色彩和諧
互補色
類似色
三角配色
分裂互補色
預設顏色
瞭解更多
02
主要顏色代碼格式
HEX：#RRGGBB格式，網頁中最廣泛使用（例如：#FF0000是紅色）。RGB：rgb(255, 0, 0)格式，每個通道0-255範圍，支援透明度（rgba）。HSL：hsl(0, 100%, 50%)格式，透過色相/飽和度/亮度直覺調整。HSV：與HSL類似但亮度計算方式不同，主要用於設計軟體中。
03
在網頁設計中的應用
HEX代碼在CSS中最常用（如品牌顏色#3498db），RGB在使用JavaScript進行動態顏色控制時很有用。HSL在建立顏色主題時特別方便，只需改變色相（Hue）並保持飽和度和亮度不變，就能輕鬆建立一致的色彩調色盤。
04
顏色無障礙與對比度
根據WCAG無障礙指南，文字與背景之間的顏色對比度非常重要。一般文字至少需要4.5:1的對比度，大型文字則需要3:1。使用顏色轉換器時，可以調整亮度（Lightness）數值來確保適當的對比度，以提高可讀性。
05
色彩和諧與調色盤
建立和諧調色盤的方法：單色配色：在相同色相（Hue）下只改變飽和度（Saturation）/亮度（Lightness）。類似配色：色相在30度以內變化。互補配色：色相相反180度。三角配色：色相每隔120度（0度、120度、240度）。
06
顏色轉換工具使用技巧
設計階段：使用HSL選擇顏色（直覺）。CSS撰寫：使用HEX或RGB。JavaScript動畫：RGB/RGBA（透明度控制）。調色盤產生：HSL（以色相為基礎的變化）。瀏覽器相容性：HEX最安全。顏色保存：以所有格式記錄。