← 返回工具列表

顏色工具

顏色格式轉換、漸層生成和對比度檢測

顏色轉換

轉換結果

HEX
#FF5733
RGB
rgb(255, 87, 51)
HSL
hsl(9, 100%, 60%)
CSS
color: #FF5733;

調色盤生成

生成的調色盤
點擊顏色可複製色碼

漸層生成

CSS Linear Gradient
linear-gradient(90deg, #FF5733, #33A1FF)
預覽

對比度檢測

對比度比例
21:1
AA 一般文字
✓ 通過
AAA 增強對比
✓ 通過
預覽

標題文字

這是一段範例文字,用於測試顏色對比度是否符合無障礙標準。