因特网网页设计

CSS颜色属性。 颜色代码

其中一个工具来改变网页样式 - CSS颜色。 有几种方法来更改此设置。 每个人都有优点也有缺点。

颜色属性设置项目的颜色。 职称145种色调包含在CSS。 其中有简单的(如黑色,蓝色)和复杂(比如深红,草绿)。

由于硬整个列表要记住,样式表的名字很少被使用。

RGB

大部分的电视,智能手机,显示器用RGB颜色模式工作。 也就是说,任何颜色可以被设置为原色,这是红,绿和蓝的组合。 . 类似的方法在两个设备上使用,并在CSS。 основного состава принимают значения от 0 до 255. А количество возможных оттенков равно 16777216. 颜色是 基本组合物,其值为从0到255的许多可能的颜色等于16777216。

由于RGB模型直接关系到彩色成像的物理定律,在其中指定为RGB(0,0,0),白黑- RGB(255,255,255)。 RGBA系统完全类似RGB,通过添加α通道的。 它会影响透明度,这与背景融合树荫。 在这种形式的元素的将根据“衬底”而变化。

HSL

要了解如何HLS系统,您需要提交的色轮。 在它的中心是红色的,然后(顺时针)所有其他彩虹的颜色。 цвета при помощи системы HLS требуется задать три параметра: 为了确定 使用HLS系统 的CSS 颜色 需要三个参数:

  • 色调(以度为单位) -圆心的方向;
  • 饱和度(百分比) - 多少颜色,你需要;
  • 亮度(百分比)。

例如,紫色可以以这样的方式确定:HSL(315,100%,45%)。 HSL是最方便的实验。 研究后 色轮, 你可以一边看样式大致代表什么颜色设置特定元素。 HSLA - 相同HLS,只用α:HSL(0,100%,50%,0.6) - 红色,透明略超过一半。

HEX

CSS цвета можно задать, используя шестнадцатеричное представление, например оранжевый определяется значением #FF4500 . CSS 您可以用十六进制表示,如由值 #FF4500 确定橙色设置颜色

为了更好地理解什么十六进制表示的,应进一步考虑十进制系统。 它是从0到9。当在计数大于9号的需要,一个位加到一个数字,它经过9是A变为10,则100,依此类推。E.所有恰好在十六进制表示法相同,但在其中,然后B,等等到F -相同15在十进制系统中。 然后添加一个数字,而且事实证明在通常的术语16的10。

如RGB,十六进制的颜色在什么比例,表示要使用原色。 (:#FFD500颜色)在这种情况下,它们不会由逗号分隔。 每两个字符指定的红色,绿色和蓝色的数量。

CSS. 作为一项规则,HEX系统没有在实验中使用,因为它是不可能找到正确的 CSS 颜色。 может помочь в этом деле, но если постоянно сверяться с ней, работа затянется. 该表 可以在这个问题上有所帮助,但如果你不断地提到它,工作将被推迟。 当模板从图形编辑器转移十六进制表示是最方便的。 这是很容易复制,从它只是一个数字比三圈。

哪种方法是最好的?

由于这个原因,我们也不能说什么具体的。 如果接口的元素需要透明度,RGBA和HSLA之间进行选择。 如果你想在浏览器中HLS色轮实验将是最方便的。 如果您使用的是调色板上或从Photoshop中传输的设计,应该更喜欢CSS的十六进制颜色代码。

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 zhcn.delachieve.com. Theme powered by WordPress.