HTML 顏色程式碼

面向寫 HTML 和 CSS 的顏色助手。以 #3498db、rgb(52,152,219)、hsl(204,70%,53%) 或 dodgerblue 這樣的 CSS 名稱輸入任意顏色,Convert 標籤頁即時顯示所有等價格式、即貼即用的 CSS 宣告和黑白前景建議。Named 標籤頁列出全部 148 個 CSS 顏色關鍵字(含 rebeccapurple,可搜尋、點選複製),Web Safe 提供經典的 216 色調色盤。全部本地執行——無上傳、無伺服器。本工具面向程式碼;做設計(調色盤、漸變、對比度、混色)另見 取色器。
模式:
挑選或輸入一個顏色——等價格式和 CSS 程式碼片段即時更新。
接受:#RGB、#RRGGBB、#RRGGBBAA、rgb()、rgba()、hsl()、hsla()、CSS 名稱、transparent
HEX-複製
HEX (short)-複製
RGB-複製
RGBA-複製
HSL-複製
CSS 名稱-複製
Aa
#000 複製
#fff 複製
推薦的前景色已高亮
這些顏色在經典 256 色顯示器上渲染不會抖動。
各格式之間的關係:#3498db == rgb(52, 152, 219) == hsl(204, 70%, 53%)。HSL 的色相以度數表示(0-360),飽和度/亮度為百分比。透明度(#RRGGBBAA、rgba()、hsla())會被解析並帶到每個輸出。CSS 關鍵字名稱先做精確匹配;沒有關鍵字匹配時,會從 148 個關鍵字中建議最接近的一個作為設計提示。
什麼是 CSS 顏色程式碼?

CSS 顏色程式碼是螢幕上一種顏色的數值配方:混合多少紅、綠、藍光。每種記法——像 #3498db 的六位十六進位制、函式式 rgb(52, 152, 219)、hsl(204, 70%, 53%) 以及 148 個預定義關鍵字——都解析為同一個 24 位 sRGB 值。Hex 和 rgb() 直接陳述通道值,而 hsl() 把顏色描述為色輪上的角度加飽和度和亮度,在調整深淺時往往更容易推敲。

每通道 256 級給出 16,777,216 種可定址顏色;8 位形式(#RRGGBBAA、rgba()、hsla())只是把透明度(不透明度)值追加到同一顏色上。