css中的顏色

kelvinlee 發布于2019-04-23 11:56 / 2384人閱讀

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

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

CSS 設置顏色的幾種方式：

1.顏色名

2.rgb值

3十六進制表示

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”.

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

GPU云服務器云服務器 css顏色顏色css css顏色代碼 java中的顏色數字

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/1389.html

webpack插件實現自動抽取css中的主題色樣式，并一鍵動態切換主題色（element-ui）

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

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

摘要：我們會在組合選擇器中來了解為什么權重值要加連字符。組合選擇器中的權重值會分別對不同類型的選擇器進行計數。對比兩組選擇器，第二組選擇器有兩個選擇器，擁有更高的權重值。 CSS是一門復雜的語言，擁有相當的大能力。它我們允許為頁面添加布局和設計，允許多個元素甚至多個頁面共享樣式。在我們有能力解鎖所有功能之前，我們必須先充分理解它的基礎點。首先，我們要明確的了解樣式是怎么被渲染的。具體的...

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

摘要：我們會在組合選擇器中來了解為什么權重值要加連字符。組合選擇器中的權重值會分別對不同類型的選擇器進行計數。對比兩組選擇器，第二組選擇器有兩個選擇器，擁有更高的權重值。 CSS是一門復雜的語言，擁有相當的大能力。它我們允許為頁面添加布局和設計，允許多個元素甚至多個頁面共享樣式。在我們有能力解鎖所有功能之前，我們必須先充分理解它的基礎點。首先，我們要明確的了解樣式是怎么被渲染的。具體的...

soasme 2019-08-29 13:04 評論0 收藏0
CSS學習筆記(五) 規則聲明

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

kyanag 2019-08-28 18:01 評論0 收藏0
大話css預編譯處理（三）：基礎語法篇

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

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

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

Heier 2019-08-01 15:04 評論0 收藏0