unitooler

HEX、RGBA 和 HSLA 各自適合用在什麼地方？

HEX（如 #3399FF）是 CSS/HTML 最常見的格式，適合複製到樣式表或設計工具；RGBA（如 rgba(51, 153, 255, 1)）支援透明度，適合需要半透明效果的場景；HSLA（如 hsla(210, 100%, 60%, 1)）以色相/飽和度/亮度描述顏色，更直觀，適合程式化調整色調或生成調色板。

HEX (#3399FF) is the most common format for CSS/HTML and design tools. RGBA (rgba(51,153,255,1)) adds an alpha channel for transparency effects. HSLA (hsla(210,100%,60%,1)) uses hue/saturation/lightness — more intuitive for programmatic color adjustments or palette generation.

什麼是 WCAG 無障礙對比度標準？

WCAG（Web Content Accessibility Guidelines）規定文字與背景的最低對比度比率：AA 等級要求正常文字 ≥ 4.5:1、大文字 ≥ 3:1；AAA 等級要求正常文字 ≥ 7:1、大文字 ≥ 4.5:1。符合標準能確保視力障礙用戶或在強光環境下仍可清楚閱讀。本工具的對比度檢測依據此標準自動判斷結果。

WCAG sets minimum contrast ratios between text and background: AA requires ≥4.5:1 for normal text and ≥3:1 for large text; AAA requires ≥7:1 and ≥4.5:1 respectively. Meeting these ensures readability for visually impaired users and in bright light. This tool automatically evaluates against these standards.

什麼是互補色、類似色和三角色？

這些是色彩理論中的調和關係：互補色（Complementary）是色輪上相對 180° 的顏色，對比強烈，如紅配綠；類似色（Analogous）是色輪上相鄰的顏色，協調自然，如藍、藍紫、紫；三角色（Triadic）是色輪上等距 120° 分布的三色，如紅、黃、藍。本工具依主色自動生成這三種調和方案，幫助您快速構建配色系統。

Complementary colors are 180° apart on the color wheel (e.g., red/green) — high contrast. Analogous colors are adjacent (e.g., blue, blue-purple, purple) — harmonious and subtle. Triadic colors are 120° apart (e.g., red, yellow, blue) — vibrant and balanced. The tool auto-generates all three schemes from your primary color.

漸層 CSS 程式碼可以直接用在網頁上嗎？

可以。本工具生成的漸層 CSS 格式為標準的 linear-gradient 語法（如 background: linear-gradient(to right, #3399ff, #ffffff)），可直接貼入任何 HTML/CSS 樣式表的 background 或 background-image 屬性中，無需額外修改。所有現代瀏覽器均支援此語法。

Yes. The generated gradient CSS is standard linear-gradient syntax (e.g., background: linear-gradient(to right, #3399ff, #ffffff)) and can be pasted directly into any HTML/CSS background or background-image property — no modification needed. All modern browsers support this syntax.

透明度（Alpha）值的範圍是什麼？

Alpha 值範圍從 0（完全透明）到 1（完全不透明），小數點後兩位。例如 0.5 代表 50% 透明。在 CSS 中，rgba(51, 153, 255, 0.5) 表示主色以半透明方式顯示，常用於遮罩層（overlay）、陰影（shadow）和微妙的視覺層次效果。

Alpha ranges from 0 (fully transparent) to 1 (fully opaque) in two decimal places. For example, 0.5 = 50% transparency. In CSS, rgba(51,153,255,0.5) renders the color semi-transparent — commonly used for overlays, shadows, and subtle depth effects.

這個工具適合非設計師使用嗎？

完全適合。快速色板提供了常用的預設顏色，點擊即可套用；色彩調和方案自動生成配色建議，無需色彩理論知識；對比度檢測一鍵判斷合規性。即使是初學網頁開發的工程師，或是需要在 PPT 中搭配顏色的職場人士，都能輕鬆上手。

Absolutely. The quick palette provides preset colors to click and apply; harmony schemes auto-suggest color combinations without color theory knowledge; contrast checking gives instant compliance results. Beginners learning web development or anyone picking colors for presentations will find this tool easy to use.