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最安全。顏色保存：以所有格式記錄。
常見問題
CSS中應該使用HEX、RGB還是HSL？
三者代表的是同一種顏色，可以依需求選擇。固定品牌色用HEX，需要透明度用RGBA，只想調整明度或飽和度而保持色相不變時用HSL更方便。
轉換顏色代碼會改變實際顏色嗎？
不會，只是同一種顏色的不同書寫方式，螢幕上顯示的顏色保持不變。不過在HSL與RGB互相轉換時，四捨五入可能帶來極小的數值差異。
互補色是如何計算的？
在HSL的色相（Hue）值上加180度，得到色輪上正對面的顏色。飽和度和亮度保持不變，因此得到的對比色與原色調協調。
當R、G、B值相同時（例如128,128,128）是什麼顏色？
R、G、B相同代表飽和度為0，即灰色（無彩色）。數值為0是黑色，255是白色，中間則是不同亮度的灰色。
要檢查文字對比度應該看哪個數值？
比較文字與背景顏色的明度（Lightness）差異。一般文字建議與背景保持至少4.5:1的對比度。