溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本篇內容介紹了“CSS顏色表示方式有哪些”的有關知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領大家學習一下如何處理這些情況吧！希望大家仔細閱讀，能夠學有所成！
你可能會疑惑為什么我們使用6位數來表示一種顏色而不是只用一位或二位，答案是使用6位數可提供給我們巨大數量的顏色變化。
會有多少種可能的顏色?告訴你，16 個值(0~F)和 6 個位置意味著我們有 16 的 6 次方，或者說超過 1600 萬種可能的顏色。
Hex code 遵循 red-green-blue(紅-綠-藍)，或者叫 rgb 格式。hex code 中的前兩位表示顏色中紅色的數量，第三四位代表綠色的數量，第五六位代表藍色的數量。
所以要得到絕對的純紅色，你只需要在第一和第二位使用 F (最大可能的數值)，且在第三、第四、第五和第六位使用0 (最小可能數值)。
以下是一些常用顏色：
通過對 background-color 應用 hex code 值：
#FF0000(#F00) 可以把 body 元素的背景色設置為紅色;
#00FF00 可以把 body 元素的背景色設置為綠色;
#0000FF 可以把 body 元素的背景色設置為藍色;
#FFA500 可以把 body 元素的背景色設置為橙色;
#808080 可以把 body 元素的背景色設置為灰色;
#111111 可以把 body 元素的背景色設置為深灰色。
在 CSS 中表示顏色的另一個方法是使用 rgb值。
代表黑色的 RGB 值看起來是下面的樣子：
rgb(0, 0, 0)
代表白色的 RGB 值看起來是下面的樣子：
rgb(255, 255, 255)
使用 rgb，你通過 0 至 255 之間的一個數字來指定每種顏色的亮度，而不是像 hex code 那樣使用六個十六進制數字。
如果你做個算術，16 乘以 16 總共有 256 個值，所以從零開始計數的 rgb，和 hex code 一樣有完全相同數量的可能數值。
紅色的 RGB 值：rgb(255, 0, 0);
綠色的 RGB 值：rgb(0, 255, 0);
藍色的 RGB 值：rgb(0, 0, 255);
橙色的 RGB 值：rgb(255, 165, 0);
“CSS顏色表示方式有哪些”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識可以關注億速云網站，小編將為大家輸出更多高質量的實用文章！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
