在寫標示文件給 RD 前，先來了解一下何謂「色碼」。常見的色碼有幾種：HSB、RGB、CMYK、HEX…等等。各種色碼運用場合皆不相同，理解後再來看看 Android 和 iOS 需要什麼。

CMYK

專門給印刷用的色碼。C = 青綠色；M = 洋紅色；Y = 黃色；K = 黑色。任何跟螢幕有關設計的都不該用 CMYK 標示。（可以標這個試試 RD 的極限在哪，被揍不負責。）參考：印刷四分色模式 。

HSB

H 代表色相、S 代表彩度、B 代表明度。我的選色技巧 這篇有詳細說明。參考：HSL和HSV色彩空間 。

RGB

三原光，主要用於螢幕顯示。R = 紅光；G = 綠光；B = 藍光。用 0 到 255 的數字來標示。數字越大顏色越淺。全部都是255就會是純白色。參考：三原色光模式 。

HEX

HEX 色碼指的是常見的 16 進位色碼，以三個從 00 到 FF 的數字組來表示。如白色 #ffffff 、黑色 #000000 等等。參考網頁顏色 。

色彩空間

色彩空間 ，看過就好長知識，有需要用到再回來翻。
Lab色彩空間 、sRGB色彩空间 、Adobe RGB 色彩空間

Alpha 不透明度

講標示文件前先來看看 W3C School 的這篇文章：CSS Legal Color Values 。文中出現「Alpha」這個值，它代表不透明度。 Alpha 可用 0% 或 0.0（完全透明） 到 100％ 或 1.0 （完全不透明）的值來表示，當數字越高表示透明度越低。

關於網頁使用的色碼同樣參考 CSS Legal Color Values 這篇文。

Android

Android 使用的色碼為 Alpha + HEX，前兩位數字是 Alpha 值，後 6 位數字是 HEX 色碼。如 #CC000000 為 80% 黑色、#99ff0000為 60% 紅色 。Alpha 數值換算 16進位 可參考下表。

100% — FF 95% — F2 90% — E6 85% — D9 80% — CC 75% — BF 70% — B3 65% — A6 60% — 99 55% — 8C 50% — 80 45% — 73 40% — 66 35% — 59 30% — 4D 25% — 40 20% — 33 15% — 26 10% — 1A 5% — 0D 0% — 00

iOS

iOS 使用 RGBA，如 [UIColor colorWithRed:0.000 green:0.000 blue:0.000 alpha:1.000] 為 100% 黑色。順便一提，MAC OSX 的標示方式和 iOS 略有不同，寫法會是 [NSColor colorWithCalibratedRed:0.000 green:0.000 blue:0.000 alpha:1.000]。

iDeveloper - Color Code Converter 這款換算色碼的 App 是我的愛用品，推薦使用，很方便。

我自己通常都使用 HEX + Alpha (%) 的標示方式，由 RD 自行換算。寫標示文件前還是先問過負責製作的那位 RD，看他希望你提供什麼樣的色碼。老話一句：依公司規定。

注意事項

從圖中可以看到紅色色塊設定 30% 的不透明度。要給 RD 的Alpha 值 就是 30%（視情況換算成HEX或小數點）。這對各位來講沒有難度。要注意的是 圖層混合模式 ，也就是不透明度左邊寫著「正常」這兩個字的下拉選單。

如果這個圖層或群組切圖後需要讓 RD 設定 Alpha 值，該圖層的圖層混合模式絕對不可以是什麼「柔光」、「色彩增值」等等，只能夠是「正常」（群組預設為穿透）。圖層混合模式設定下去即使不透明度是 100% 仍然會有透明效果，這是 Photoshop 對於影像的演算法。但無論是 Android、iOS、Web 瀏覽器 都沒有內建這類型的影像演算，Alpha 值設 100% 就是實打實的完全不透明、沒有任何特殊效果。所以當你的半透明切圖出問題、在螢幕上看起來和原始設計長不像的時候，請先回過頭來檢查 PSD 檔，有可能就是圖層混合模式搞的鬼。