顏色選擇器
免費線上取色工具，支援 HEX/RGB/HSL 色值顯示
如何選取顏色
使用顏色輸入選擇顏色，或直接輸入十六進位值。工具同時顯示 HEX、RGB 和 HSL 格式的顏色。快速調色盤提供常用顏色以便快速選擇。點擊任意顏色值即可複製。
為 Web 設計選擇顏色
好的顏色選擇確保可讀性和可存取性。WCAG 指南建議正常文字的對比度至少為 4.5:1。使用 HSL 透過在保持相同色相的同時變化飽和度和亮度來建立和諧的顏色方案。
▶CSS 中最好的顏色格式是什麼？
所有現代瀏覽器都支援十六進位（#FF5733）、rgb(255,87,51) 和 hsl(11,100%,60%)。十六進位最緊湊。HSL 在建立變體時最直觀。使用你的團隊偏好的格式。
▶如何確保足夠的顏色對比度？
WCAG AA 要求正常文字對比度為 4.5:1，大文字為 3:1。使用對比度檢查工具驗證你的顏色組合。