白色和黑色的 RGB 數值是多少?
白色是 255, 255, 255,黑色是 0, 0, 0。只要三個數值相同,例如 128, 128, 128,就是中性灰。
螢幕上的每個顏色都是紅、綠、藍三種光混合而成,RGB 數值就是三者各自的強度,用 0 到 255 的三個數字表示。從圖片讀出這組數字,就能知道顏色實際上是怎麼呈現的;看懂它們的意思之後,調整顏色或在不同軟體之間搬移色碼都會輕鬆許多。
在 Color Identifier 開啟照片或截圖,用取色器點選顏色,或打開色庫中任何有名稱的顏色,查看詳細頁面上的 RGB 欄位;按下複製 RGB 的按鈕,會以 R: 58, G: 123, B: 213 的格式存到剪貼簿。每個通道的範圍是 0 到 255:255, 255, 255 是白色,0, 0, 0 是黑色,三個數值相同就是中性灰。從照片取色屬於 Pro 功能。
R、G、B 分別是螢幕像素發出的紅光、綠光、藍光強度。每個通道以 8 位元儲存,所以範圍是 0 到 255,數字越大,光越強。純紅是 255, 0, 0;加入綠色會往橘色、黃色移動,加入藍色則往粉紅、紫色移動。
光看數字就能判斷不少事情:三個數值彼此接近時,是灰色或彩度低的顏色;某個通道特別高,就知道它屬於哪個色系;三個數字都低代表暗色,都高則是亮色。比起只看色塊,數字更能說明一個顏色的個性。
HEX 色碼就是用十六進位寫成的 RGB,所以 rgb(148, 118, 108) 和 #94766C 是同一個顏色。HSB 用色相、飽和度、亮度描述同一個顏色,想把顏色調亮一點或調淡一點時比較直覺。CMYK 則是印刷用的青、洋紅、黃、黑四色油墨模型,螢幕色換算成 CMYK 只能當作印刷的起點,不保證印出來一模一樣。
實際使用時,CSS 同時接受 rgb() 與 HEX;Figma、Canva 可以輸入 HEX,也會顯示 RGB;PowerPoint、Word 等 Office 軟體的自訂色彩視窗,則要分別填入紅、綠、藍的數字。與其自己換算,不如直接複製軟體需要的格式,比較不會出錯。
截圖記錄的是螢幕實際顯示的像素,讀到的數值最可靠。拍攝實物的照片則會受到光線與相機白平衡影響,例如黃光燈泡下的白牆,讀出來紅色會比藍色高。這種數值適合拿來配合照片裡的顏色,但不要把它當成物體本身的顏色。
取色器一次只讀取一個像素,請放在色塊正中央,並在附近多讀兩三次,確認數值一致。App 內沒有放大鏡或縮放功能,細小的地方可以先在「照片」App 裁切放大後再開啟。即時相機的運作方式不同:它顯示的是最接近的命名顏色,儲存後看到的 RGB 屬於那個命名顏色,而不是像素本身;需要像素自己的數值時,請拍照後用取色器讀取。
同一張圖在不同 App 裡讀出的數值可能略有差異。iPhone 拍的照片常以色域較廣的 Display P3 儲存,而大多數網頁工具以 sRGB 為準,轉換時數字會小幅變動。透過 LINE 傳送照片時若沒有選擇原圖,照片會被壓縮、縮小,像素本身也跟著改變。
從其他 App 用分享選單把圖片傳進來時,App 會重新存成 JPEG,數值也可能稍微偏移;要讀取截圖的精確數值,請在 App 內直接從相簿選取。每個通道相差一兩個單位,肉眼看不出來,屬於正常範圍;如果差到十以上,多半是點到了附近的反光、陰影或邊緣。
知道數值之後,調整的結果就能預測:三個通道同時增加相同的量,顏色會變亮,但保持原本的調性;降低最大的那個通道,飽和度會下降;讓三個數值彼此靠近,顏色就會往灰色移動。
App 的調整(Adjust)功能可以從現有顏色出發,拖動 RGB 或 HSB 滑桿,再把結果存成新的顏色,並附上它自己的 HEX 與 RGB。只想改亮度或飽和度時,用 HSB 滑桿比較方便。不過 App 無法直接輸入 RGB 數字來查詢顏色。
白色是 255, 255, 255,黑色是 0, 0, 0。只要三個數值相同,例如 128, 128, 128,就是中性灰。
資訊相同,只是寫法不同。HEX 是把 RGB 三個數值改用十六進位表示,例如 255, 87, 51 就是 #FF5733。
各 App 在 Display P3 與 sRGB 之間轉換的方式可能不同,壓縮也會改變像素。差幾個單位很正常;差很多則代表點到的位置不同。
可以當作起點。印刷使用 CMYK 油墨,無法重現所有螢幕顏色,換算後請以打樣確認成品。
不行。App 會讀取你選取或開啟的顏色的 RGB;之後可以用調整功能的 RGB 滑桿微調,存成新的顏色。