HTML顏色構成及寫法和常見顏色代碼值

来源:https://www.cnblogs.com/dhnblog/archive/2020/03/30/12600957.html
-Advertisement-
Play Games

什麼是HTML 顏色?它採用的是 RGB 顏色,是通過對紅(R)、綠(G)、藍(B)三個顏色通道的變化以及它們相互之間的疊加來得到各式各樣的顏色的,RGB即是代表紅、綠、藍三個通道的顏色。HTML 顏色由一個十六進位符號來定義,這個符號由紅色、綠色和藍色的值組成(RGB);每種顏色的最小值是0(十六 ...


什麼是HTML 顏色?它採用的是 RGB 顏色,是通過對紅(R)、綠(G)、藍(B)三個顏色通道的變化以及它們相互之間的疊加來得到各式各樣的顏色的,RGB即是代表紅、綠、藍三個通道的顏色。HTML 顏色由一個十六進位符號來定義,這個符號由紅色、綠色和藍色的值組成(RGB);每種顏色的最小值是0(十六進位:#00),最大值是255(十六進位:#FF);三種顏色 紅,綠,藍的組合從0到255,一共有1600萬種不同顏色(256 x 256 x 256)。

HTML常用顏色代碼表
  #000000   #2F0000   #600030   #460046   #28004D
  #272727   #4D0000   #820041   #5E005E   #3A006F
  #3C3C3C   #600000   #9F0050   #750075   #4B0091
  #4F4F4F   #750000   #BF0060   #930093   #5B00AE
  #5B5B5B   #930000   #D9006C   #AE00AE   #6F00D2
  #6C6C6C   #AE0000   #F00078   #D200D2   #8600FF
  #7B7B7B   #CE0000   #FF0080   #E800E8   #921AFF
  #8E8E8E   #EA0000   #FF359A   #FF00FF   #9F35FF
  #9D9D9D   #FF0000   #FF60AF   #FF44FF   #B15BFF
  #ADADAD   #FF2D2D   #FF79BC   #FF77FF   #BE77FF
  #BEBEBE   #FF5151   #FF95CA   #FF8EFF   #CA8EFF
  #d0d0d0   #ff7575   #ffaad5   #ffa6ff   #d3a4ff
  #E0E0E0   #FF9797   #FFC1E0   #FFBFFF   #DCB5FF
  #F0F0F0   #FFB5B5   #FFD9EC   #FFD0FF   #E6CAFF
  #FCFCFC   #FFD2D2   #FFECF5   #FFE6FF   #F1E1FF
  #FFFFFF   #FFECEC   #FFF7FB   #FFF7FF   #FAF4FF
  #000079   #000079   #003E3E   #006030   #006000
  #000093   #003D79   #005757   #01814A   #007500
  #0000C6   #004B97   #007979   #019858   #009100
  #0000C6   #005AB5   #009393   #01B468   #00A600
  #0000E3   #0066CC   #00AEAE   #02C874   #00BB00
  #2828FF   #0072E3   #00CACA   #02DF82   #00DB00
  #4A4AFF   #0080FF   #00E3E3   #02F78E   #00EC00
  #6A6AFF   #2894FF   #00FFFF   #1AFD9C   #28FF28
  #7D7DFF   #46A3FF   #4DFFFF   #4EFEB3   #53FF53
  #9393FF   #66B3FF   #80FFFF   #7AFEC6   #79FF79
  #AAAAFF   #84C1FF   #A6FFFF   #96FED1   #93FF93
  #B9B9FF   #97CBFF   #BBFFFF   #ADFEDC   #A6FFA6
  #CECEFF   #ACD6FF   #CAFFFF   #C1FFE4   #BBFFBB
  #DDDDFF   #C4E1FF   #D9FFFF   #D7FFEE   #CEFFCE
  #ECECFF   #D2E9FF   #ECFFFF   #E8FFF5   #DFFFDF
  #FBFBFF   #ECF5FF   #FDFFFF   #FBFFFD   #F0FFF0
  #467500   #424200   #5B4B00   #844200   #642100
  #548C00   #5B5B00   #796400   #9F5000   #842B00
  #64A600   #737300   #977C00   #BB5E00   #A23400
  #73BF00   #8C8C00   #AE8F00   #D26900   #BB3D00
  #82D900   #A6A600   #C6A300   #EA7500   #D94600
  #8CEA00   #C4C400   #D9B300   #FF8000   #F75000
  #9AFF02   #E1E100   #EAC100   #FF9224   #FF5809
  #A8FF24   #F9F900   #FFD306   #FFA042   #FF8040
  #B7FF4A   #FFFF37   #FFDC35   #FFAF60   #FF8F59
  #C2FF68   #FFFF6F   #FFE153   #FFBB77   #FF9D6F
  #CCFF80   #FFFF93   #FFE66F   #FFC78E   #FFAD86
  #D3FF93   #FFFFAA   #FFED97   #FFD1A4   #FFBD9D
  #DEFFAC   #FFFFB9   #FFF0AC   #FFDCB9   #FFCBB3
  #E8FFC4   #FFFFCE   #FFF4C1   #FFE4CA   #FFDAC8
  #EFFFD7   #FFFFDF   #FFF8D7   #FFEEDD   #FFE6D9
  #F5FFE8   #FFFFF4   #FFFCEC   #FFFAF4   #FFF3EE
  #613030   #616130   #336666   #484891   #6C3365
  #743A3A   #707038   #3D7878   #5151A2   #7E3D76
  #804040   #808040   #408080   #5A5AAD   #8F4586
  #984B4B   #949449   #4F9D9D   #7373B9   #9F4D95
  #AD5A5A   #A5A552   #5CADAD   #8080C0   #AE57A4
  #B87070   #AFAF61   #6FB7B7   #9999CC   #B766AD
  #C48888   #B9B973   #81C0C0   #A6A6D2   #C07AB8
  #CF9E9E   #C2C287   #95CACA   #B8B8DC   #CA8EC2
  #D9B3B3   #CDCD9A   #A3D1D1   #C7C7E2   #D2A2CC
  #E1C4C4   #D6D6AD   #B3D9D9   #D8D8EB   #DAB1D5
  #EBD6D6   #DEDEBE   #C4E1E1   #E6E6F2   #E2C2DE
  #F2E6E6   #E8E8D0   #D1E9E9   #F3F3FA   #EBD3E8

什麼是HTML 顏色名?目前所有瀏覽器都支持以下顏色名;141個顏色名稱是在HTML和CSS顏色規範定義的(17標準顏色,再加124);下表列出了所有顏色的值,包括十六進位值。提示: 17標準顏色:黑色,藍色,水,紫紅色,灰色,綠色,石灰,慄色,海軍,橄欖,橙,紫,紅,白,銀,藍綠色,黃色。

什麼是HTML 顏色值?顏色由紅(R)、綠(G)、藍(B)組成;顏色值由十六進位來表示紅、綠、藍(RGB);每個顏色的最低值為0(十六進位為00),最高值為255(十六進位為FF);十六進位值的寫法為#號後跟三個或六個十六進位字元;三位數表示法為:#RGB,轉換為6位數表示為:#RRGGBB。

顏色實例
顏色3位十六進位顏色值6位十六進位顏色值RGB
  #000 #000000 rgb(0,0,0)
  #F00 #FF0000 rgb(255,0,0)
  #0F0 #00FF00 rgb(0,255,0)
  #00F #0000FF rgb(0,0,255)
  #FF0 #FFFF00 rgb(255,255,0)
  #0FF #00FFFF rgb(0,255,255)
  #F0F #FF00FF rgb(255,0,255)
  #888 #888888 rgb(136,136,136)
  #FFF #FFFFFF rgb(255,255,255)

補充說明:彙總css佈局模型和常見代碼縮寫與長度單位   css基本概念與css核心語法介紹

  1. 顏色值縮寫/*關於顏色的css樣式也是可以縮寫的,當你設置的顏色是16進位的色彩值時,如果每兩位的值相同,可以縮寫一半*/比方:p{color:#000000;}與p{color: #336699;}可寫成p{color:#000}與p{color:#369}
  2. 顏色值概述為:在網頁中的顏色設置是非常重要,有字體顏色(color)、背景顏色(background-color)、邊框顏色(border)等,設置顏色的方法也有很多種:(1).英文命令顏色:p{color:red;}(2).RGB顏色:這個與 photoshop 中的 RGB 顏色是一致的,由 R(red)、G(green)、B(blue) 三種顏色的比例來配色。p{color:rgb(133,45,200);}每一項的值可以是 0~255 之間的整數,也可以是 0%~100% 的百分數。如:p{color:rgb(20%,33%,25%);}(3).十六進位顏色:這種顏色設置方法是現在比較普遍使用的方法,其原理其實也是 RGB 設置,但是其每一項的值由 0-255 變成了十六進位 00-ff。p{color:#00ffff;}
  3. css中顏色為RGB紅、綠、藍三種色彩模式,顏色由淺入深,對應數字0-255,這也是系統預設顏色

3.1顏色表示color(255,0,0)紅色,如果用百分比表示為(100%,0,0)
3.2顏色也可以用具體的英文單詞表示,比方說:紅色就是red,綠色就是green,藍色就是blue等
3.3從設計師而言,顏色也可以按照16進位,0-9是10,剩餘的從a-f開始,這才15位,至於16則用10表示;顏色表示形式為#開頭,比方紅色是#ff0000=>rgb(255,0,0)針對這種重覆的就可以2個寫成一個,展示為#f00


 拓展延伸//學習網址:HTML 顏色、HTML 顏色名、HTML 顏色值

  1. RGB顏色模式與CMYK顏色模式有什麼區別
  2. 淺談三原色,rgb及cmyk
  3. 的三原色與顏料的三原色一回事嗎
  4. 三原色百度百科介紹

您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 本篇博客轉載自大學指導老師。 目錄 Git代碼托管1:使用GitStack安裝Git伺服器 Git代碼托管2:使用GitStack創建一個新的Repository Git代碼托管3:在Android Studio中提交代碼到Git伺服器 Git代碼托管4:查看commit後的History Git代 ...
  • Vue中DOM操作: this.$refs 一般來說vue是不支持DOM操作的,但是實際開發中難免會使用到如jQuery,zepto等進行DOM操作 vue屬於虛擬DOM,不支持真實的DOM操作,只有在mouted里才能進行DOM操作 使用computed實現對指定的數組[1,4,6,7,-9,4, ...
  • vue表單控制項綁定 v-model 在表單控制項元素上創建雙向數據綁定 文本框雙向綁定 多選框演示 下拉列表演示 vue自定義組件 組件放在components目錄下 組件基本要素:props $emit 通過import導入自定義組件 製作一個倒計時組件: 1、在conponents目錄下,新建一個 ...
  • vue條件渲染 v-if v-else-if v-else v-if後面是true,則會顯示;false則不顯示 結果 輸出 v-show 當為true時顯示,為false不顯示 vue列表渲染 帶下標的情況 對象的迴圈 vue事件處理器 v-on 指令綁定事件,縮寫@ 事件綁定的方法在method ...
  • 作用 用來保存所有傳遞給函數的實際參數 註意點 每個函數都有arguements,實際上它就是一個偽數組 舉例 自定義函數,傳入任意個數值,返回它們最終的和 代碼 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <titl ...
  • HTML 字元實體/HTML 中的預留字元必須被替換為字元實體,一些在鍵盤上找不到的字元也可以使用字元實體來替換。 在 HTML 中,某些字元是預留的。您不能使用包含這些字元的文本。在 HTML 中不能使用小於號(<)和大於號(>),這是因為瀏覽器會誤認為它們是標簽。如果希望正確地顯示預留字元,我們 ...
  • TypeScript的原始數據類型 String Number boolean null undefined enum symbol // Number var num:number=1; // 整數 num = 2.5; // 小數 num = 0xf00d; // 十六進位 num = 0b01 ...
  • <script>定義了客戶端腳本;<noscript>定義了不支持腳本瀏覽器輸出的文本;html <script> 標簽:<script> 標簽用於定義客戶端腳本,比如 JavaScript;<script> 元素既可包含腳本語句,也可通過 src 屬性指向外部腳本文件;JavaScript 最常用... ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...