實用工具
色碼表
從紅色、藍色到深紅、藍綠,52種命名顏色的HEX、RGB、HSL代碼,一鍵複製直接用。
紅色系
橘色·咖啡色系
黃色系
綠色系
藍色系
紫色·粉紅色系
中性色
推薦內容
把手機照片裁成2吋大頭照等證件照尺寸,自動對齊臉部,還能輸出4×6相紙排版列印。免費,不上傳。
查詢照片的拍攝地點、時間與相機參數,還能無損刪除位置資訊。一次最多30張,不必上傳。
從圖片擷取5~10個主色,顯示各色占比%、HEX/RGB/HSL色碼與最接近的顏色名稱。
在瀏覽器裡把iPhone的HEIC照片和WebP、PNG轉成JPG、PNG或WebP。一次最多30張,免費線上轉檔,不必上傳。
在16x16、32x32或64x64格子上畫像素畫,一鍵儲存透明背景PNG。免費、不用註冊。
自動找出照片裡的人臉,用馬賽克、模糊或單色遮住。在瀏覽器裡免費完成,照片不必上傳。
最多30張圖片以直式、橫式或格狀拼成一張JPG/PNG,長截圖自動去除重疊,不必上傳。
貼上文字→15 種遮罩形狀文字雲即時生成,免費下載 PNG。
色碼表收錄52種有名稱的顏色,從紅、藍等基本色到緋紅(crimson)、水鴨色(teal)、靛藍(indigo),依7個色系分類。其中50種是CSS標準顏色名稱,可以直接寫進樣式表;琥珀色(amber)和薄荷綠(mint)則是設計上的慣用叫法,沒有對應的CSS關鍵字。點選顏色會顯示大色塊,以及CSS格式的HEX、rgb()、hsl()色碼,點一下卡片就能複製。下方還有由深到淺的5階色階(加黑2階、原色、加白2階)和4個同色系的相近顏色。可用英文顏色名稱或HEX色碼搜尋,免註冊。
常見問題
Q. 色碼表收錄了多少種顏色?
A. 共52種有名稱的顏色,分成紅、橘/咖啡、黃、綠、藍、紫/粉紅、中性色7個色系。其中50種是CSS標準顏色名稱,琥珀色(#FFBF00)和薄荷綠(#3EB489)是沒有CSS關鍵字的慣用叫法。
Q. 可以複製哪些格式?
A. 可以複製HEX、RGB、HSL三種格式,都是CSS能直接使用的寫法。例如緋紅(crimson)複製出來是 #DC143C、rgb(220, 20, 60)、hsl(348, 83%, 47%)。
Q. 明暗色階是怎麼產生的?
A. 共5階:原色加入40%和20%黑色的2階、原色本身、加入25%和50%白色的2階。點任一色塊就能複製它的HEX。