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 微服務框架,幫助我們輕鬆構建和管理微服務應用。 本框架不僅支持 Consul 服務註 ...
  • 先看一下效果吧: 如果不會寫動畫或者懶得寫動畫,就直接交給Blend來做吧; 其實Blend操作起來很簡單,有點類似於在操作PS,我們只需要設置關鍵幀,滑鼠點來點去就可以了,Blend會自動幫我們生成我們想要的動畫效果. 第一步:要創建一個空的WPF項目 第二步:右鍵我們的項目,在最下方有一個,在B ...
  • Prism:框架介紹與安裝 什麼是Prism? Prism是一個用於在 WPF、Xamarin Form、Uno 平臺和 WinUI 中構建鬆散耦合、可維護和可測試的 XAML 應用程式框架 Github https://github.com/PrismLibrary/Prism NuGet htt ...
  • 在WPF中,屏幕上的所有內容,都是通過畫筆(Brush)畫上去的。如按鈕的背景色,邊框,文本框的前景和形狀填充。藉助畫筆,可以繪製頁面上的所有UI對象。不同畫筆具有不同類型的輸出( 如:某些畫筆使用純色繪製區域,其他畫筆使用漸變、圖案、圖像或繪圖)。 ...
  • 前言 嗨,大家好!推薦一個基於 .NET 8 的高併發微服務電商系統,涵蓋了商品、訂單、會員、服務、財務等50多種實用功能。 項目不僅使用了 .NET 8 的最新特性,還集成了AutoFac、DotLiquid、HangFire、Nlog、Jwt、LayUIAdmin、SqlSugar、MySQL、 ...
  • 本文主要介紹攝像頭(相機)如何採集數據,用於類似攝像頭本地顯示軟體,以及流媒體數據傳輸場景如傳屏、視訊會議等。 攝像頭採集有多種方案,如AForge.NET、WPFMediaKit、OpenCvSharp、EmguCv、DirectShow.NET、MediaCaptre(UWP),網上一些文章以及 ...
  • 前言 Seal-Report 是一款.NET 開源報表工具,擁有 1.4K Star。它提供了一個完整的框架,使用 C# 編寫,最新的版本採用的是 .NET 8.0 。 它能夠高效地從各種資料庫或 NoSQL 數據源生成日常報表,並支持執行複雜的報表任務。 其簡單易用的安裝過程和直觀的設計界面,我們 ...
  • 背景需求: 系統需要對接到XXX官方的API,但因此官方對接以及管理都十分嚴格。而本人部門的系統中包含諸多子系統,系統間為了穩定,程式間多數固定Token+特殊驗證進行調用,且後期還要提供給其他兄弟部門系統共同調用。 原則上:每套系統都必須單獨接入到官方,但官方的接入複雜,還要官方指定機構認證的證書 ...
  • 本文介紹下電腦設備關機的情況下如何通過網路喚醒設備,之前電源S狀態 電腦Power電源狀態- 唐宋元明清2188 - 博客園 (cnblogs.com) 有介紹過遠程喚醒設備,後面這倆天瞭解多了點所以單獨加個隨筆 設備關機的情況下,使用網路喚醒的前提條件: 1. 被喚醒設備需要支持這WakeOnL ...
  • 前言 大家好,推薦一個.NET 8.0 為核心,結合前端 Vue 框架,實現了前後端完全分離的設計理念。它不僅提供了強大的基礎功能支持,如許可權管理、代碼生成器等,還通過採用主流技術和最佳實踐,顯著降低了開發難度,加快了項目交付速度。 如果你需要一個高效的開發解決方案,本框架能幫助大家輕鬆應對挑戰,實 ...