因特网, 网页设计
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