css中的顏色

kelvinlee 發(fā)布于2019-04-23 11:56 / 2392人閱讀

摘要：我常用的是里面的自帶的畫圖工具里面的顏色表設(shè)置顏色的幾種方式顏色名值十六進(jìn)制表示顏色對(duì)照表地址

我常用的是win10里面的自帶的3D畫圖工具里面的顏色表

CSS 設(shè)置顏色的幾種方式：

1.顏色名

2.rgb值

3十六進(jìn)制表示

4.?HSL color values

CSS3 adds numerical hue-saturation-lightness (HSL) colors as a complement to numerical RGB colors. It has been observed that RGB colors have the following limitations:

RGB is hardware-oriented: it reflects the use of CRTs.
RGB is non-intuitive. People can learn how to use RGB, but actually by internalizing how to translate hue, saturation and lightness, or something similar, to RGB.

There are several other color schemes possible. Some advantages of HSL are that it is symmetrical to lightness and darkness (which is not the case with HSV for example), and it is trivial to convert HSL to RGB.

HSL colors are encoding as a triple (hue, saturation, lightness). Hue is represented as an angle of the color circle (i.e. the rainbow represented in a circle). This angle is so typically measured in degrees that the unit is implicit in CSS; syntactically, only a is given. By definition red=0=360, and the other colors are spread around the circle, so green=120, blue=240, etc. As an angle, it implicitly wraps around such that -120=240 and 480=120. One way an implementation could normalize such an angle x to the range [0,360) (i.e. zero degrees, inclusive, to 360 degrees, exclusive) is to compute (((x mod 360) + 360) mod 360). Saturation and lightness are represented as percentages. 100% is full saturation, and 0% is a shade of gray. 0% lightness is black, 100% lightness is white, and 50% lightness is “normal”.

顏色對(duì)照表地址：http://tool.oschina.net/commons?type=3

GPU云服務(wù)器云服務(wù)器 css顏色顏色css css顏色代碼 java中的顏色數(shù)字

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/1389.html

相關(guān)文章

webpack插件實(shí)現(xiàn)自動(dòng)抽取css中的主題色樣式，并一鍵動(dòng)態(tài)切換主題色（element-ui）

摘要：項(xiàng)目項(xiàng)目中用了，有切換主題色的需要。但官方的方式，有幾個(gè)問題需要下載整個(gè)的樣式，并替換其中的樣式顏色。代碼已開源在，歡迎并提交其他庫的主題色獲取方法。項(xiàng)目項(xiàng)目中用了element-ui，有切換主題色的需要。但官方的方式，有幾個(gè)問題：1、需要下載整個(gè)element-ui的樣式css，并替換其中的css樣式顏色。文件較大，下載慢且影響性能。2、只能替換element-ui本身的顏色樣式，...

dcr309duan 2019-08-26 12:15 評(píng)論0 收藏0
[譯]HTML&CSS Lesson3: 了解CSS

摘要：我們會(huì)在組合選擇器中來了解為什么權(quán)重值要加連字符。組合選擇器中的權(quán)重值會(huì)分別對(duì)不同類型的選擇器進(jìn)行計(jì)數(shù)。對(duì)比兩組選擇器，第二組選擇器有兩個(gè)選擇器，擁有更高的權(quán)重值。 CSS是一門復(fù)雜的語言，擁有相當(dāng)?shù)拇竽芰Α?它我們?cè)试S為頁面添加布局和設(shè)計(jì)，允許多個(gè)元素甚至多個(gè)頁面共享樣式。在我們有能力解鎖所有功能之前，我們必須先充分理解它的基礎(chǔ)點(diǎn)。首先，我們要明確的了解樣式是怎么被渲染的。具體的...

lavnFan 2019-08-01 17:17 評(píng)論0 收藏0
[譯]HTML&CSS Lesson3: 了解CSS

摘要：我們會(huì)在組合選擇器中來了解為什么權(quán)重值要加連字符。組合選擇器中的權(quán)重值會(huì)分別對(duì)不同類型的選擇器進(jìn)行計(jì)數(shù)。對(duì)比兩組選擇器，第二組選擇器有兩個(gè)選擇器，擁有更高的權(quán)重值。 CSS是一門復(fù)雜的語言，擁有相當(dāng)?shù)拇竽芰Α?它我們?cè)试S為頁面添加布局和設(shè)計(jì)，允許多個(gè)元素甚至多個(gè)頁面共享樣式。在我們有能力解鎖所有功能之前，我們必須先充分理解它的基礎(chǔ)點(diǎn)。首先，我們要明確的了解樣式是怎么被渲染的。具體的...

soasme 2019-08-29 13:04 評(píng)論0 收藏0
CSS學(xué)習(xí)筆記(五) 規(guī)則聲明

摘要：規(guī)則由選擇器和聲明兩部分組成，本文將要說的是第二部分聲明。數(shù)字值數(shù)字值后面都有一個(gè)單位，例如英寸或點(diǎn)。絕對(duì)值絕對(duì)值描述的是一個(gè)真實(shí)的長度比如，英寸，而相對(duì)值則是相對(duì)于其他基準(zhǔn)的描述比如是某某的兩倍長。 CSS 規(guī)則由選擇器和聲明兩部分組成，本文將要說的是第二部分：聲明。一個(gè)聲明包含兩部分：屬性和值。屬性指出要影響元素的哪個(gè)方面（顏色、高度，等等），而值 ...

kyanag 2019-08-28 18:01 評(píng)論0 收藏0
大話css預(yù)編譯處理（三）：基礎(chǔ)語法篇

摘要：值得慶幸的是，這三款預(yù)處理器語言的語法和語法都差不多。在這一節(jié)中，我們依次來對(duì)比一下這三款預(yù)處理器語言各種特性的異同之處，以及使用方法。預(yù)處理器語言支持任何變量例如顏色數(shù)值文本。一、Sass、LESS和Stylus的語法每一種語言都有自己一定的語法規(guī)則，CSS預(yù)處理器語言也不例外，在真正使用CSS預(yù)處器語言之前還有一個(gè)不可缺少的知識(shí)點(diǎn)，就是對(duì)語法的理解。值得慶幸的是，這三款CSS預(yù)...

劉東 2019-08-30 15:55 評(píng)論0 收藏0
HTML+CSS基礎(chǔ)課程-imooc-【更新完畢】

摘要：包含后代選擇器包含選擇器，即加入空格用于選擇指定標(biāo)簽元素下的后輩元素。而后代選擇器是作用于所有子后代元素。后代選擇器通過空格來進(jìn)行選擇，而子選擇器是通過進(jìn)行選擇。 6-1 認(rèn)識(shí)CSS樣式 CSS全稱為層疊樣式表 (Cascading Style Sheets)，它主要是用于定義HTML內(nèi)容在瀏覽器內(nèi)的顯示樣式，如文字大小、顏色、字體加粗等。使用CSS樣式的一個(gè)好處是通過定義某個(gè)樣式，可...

Heier 2019-08-01 15:04 評(píng)論0 收藏0