Web 安全色表

這是 Web 安全色色表和轉換器。216 色每個通道只取 00、33、66、99、CC 或 FF。貼一顆 HEX 會落到最近的安全色:#3B82F6 變成 #3399FF。

#3B82F6
#3399FF

點一下即可複製

示例,點色塊填入

點色塊或表格列即可複製 HEX。

HEX R G B H S L

Web 安全色表

這是 Web 安全色色表和轉換器。Netscape 的 216 色每通道 6 檔:00、33、66、99、CC、FF,一共 6³ = 216。貼 HEX、rgb() 或 hsl(),每通道就近到 51 的倍數。#3B82F6 變成 #3399FF。#000000、#FFFFFF 以及灰階 #333333、#666666、#999999、#CCCCCC 都在表裡。現代螢幕不需要這套色;給 GIF 和上世紀說明當對照。旁邊的 HEX 轉 RGB 不做就近。顏色轉換有 HSL,沒有這 216 格。

如何使用

  1. 貼 HEX 或取色。右邊色塊是就近後的安全色。卡片顯示這顆安全色的 RGB 和 HSL。
  2. 晶片複製 HEX、rgb()、hsl()。複製結果複製安全色 HEX。
  3. 顯示範例把 #3B82F6 落到 #3399FF。其它晶片:#FF5733 → #FF6633、#808080 → #999999、#DC2626 → #CC3333。
  4. 色表列出全部 216。排序:RGB 立方(#00xxxx … #FFxxxx)、色相、明度。篩選 HEX(輸入 99 會留下 #3399FF)。點色塊或表格列會複製 HEX 並選中。
  5. 複製全部 HEX 依目前篩選,一列一個。取色器在瀏覽器支援時讀取螢幕像素。

6 × 6 × 6 立方

每通道是 0、51、102、153、204、255。就近規則是 51 × round(n / 51)。表格欄是 HEX、R、G、B、H、S、L。立方順序 R 最慢,再 G,再 B。色相排序先灰階(S 0%),再按 30° 分段。明度每檔 20%。篩選比對 HEX 子字串,不必寫 #。

用在哪裡

  • 對 GIF 色板、舊 HTML 色表。
  • 講清 256 色顯示器上為什麼會有Web 安全色。
  • 把品牌 HEX 收到 216 裡做復古稿——不是現代介面的首選。

常見問題

現在還要強制用嗎?

不用。真彩色螢幕遠不止 216 色。這張表留給歷史、GIF 和點名這些 HEX 的說明。

為什麼 #3B82F6 → #3399FF?

R 59 → 51(#33),G 130 → 153(#99),B 246 → 255(#FF)。

會上傳嗎?

不會。216 色在頁面裡產生。

相關工具

通道值:HEX 轉 RGB。HSL 和對比度:顏色轉換。可列印色塊:調色盤。