№ 02 · 圖像設計

色碼選擇器

在 HEX、RGB、HSL 之間換算並建立色票。

色碼即時互轉與調色盤01

色碼即時互轉與調色盤 (RGB 0–255)
HSL (0–360° / 0–100%)
經典編輯色票推薦
#8B2C60
白色文字預覽 7.70:1 AAA
黑墨文字預覽 2.72:1 未達標
對比白底
7.70 : 1
符合 AAA (>= 7.0)
對比黑底
2.72 : 1
未達標 (< 4.5)
HEX #8B2C60
RGB rgb(139, 44, 96)
HSL hsl(327, 52%, 36%)
CMYK cmyk(0%, 68%, 31%, 45%)
CSS --color-accent: #8B2C60;
色相調和與階調
互補色 (180°)
類似色 (±30°)
三等分色 (120°)
明度階調 (Tints)
彩度階調 (Shades)

圖片滴管取色器02

拖曳圖片至此,或點擊選擇圖片 支援 PNG / JPG / WebP,亦可直接按 Ctrl+V 貼上剪貼簿圖片
游標像素: #8B2C60 (rgb: 139, 44, 96)
最近擷取色票
尚未在畫布中取色,點擊畫布任意像素即可收藏

所有影像處理均在瀏覽器前端本機端完成,絕不傳輸至遠端伺服器,守護影像資料隱私。