iOS扩展——颜色相关的知识

1 颜色的基本组成

    - 一种颜色由N个颜色通道组成

2 颜色通道

    - 1个颜色通道占据8bit

    - 1个颜色通道的取值范围

        - 10进制 : [0, 255]

        - 16进制 : [00, ff];

    - 常见的颜色通道

        - 红色 red R

        - 绿色 green G

        - 蓝色 blue B

        - 透明度 alpha A

    -  R\G\B一样的是灰色

3 颜色的种类

    - 24bit颜色

        - 由R\G\B组成的颜色

        - 常见的表示形式

            - 10进制(`仅仅是用在CSS`)

                - 红色 : rgb(255,0,0)

                - 绿色 : rgb(0,255,0)

                - 蓝色 : rgb(0,0,255)

                - 黄色 : rgb(255,255,0)

                - 黑色 : rgb(0,0,0)

                - 白色 : rgb(255,255,255)

                - 灰色 : rgb(80,80,80)

            - 16进制(`可以用在CSS\android`)

                - 红色 : #ff0000  #f00

                - 绿色 : #00ff00  #0f0

                - 蓝色 : #0000ff  #00f

                - 黄色 : #ffff00  #ff0

                - 黑色 : #000000  #000

                - 白色 : #ffffff  #fff

                - 灰色 : #979797

    - 32bit颜色

        - 由R\G\B\A组成的颜色

        - 常见的表示形式

            - 10进制(`仅仅是用在CSS`)

                - 红色 : rgba(255,0,0,255)

                - 绿色 : rgba(0,255,0,255)

                - 蓝色 : rgba(0,0,255,255)

                - 黄色 : rgba(255,255,0,255)

                - 黑色 : rgba(0,0,0,255)

                - 白色 : rgba(255,255,255,255)

            - 16进制(#AARRGGBB,  `仅仅是用在android`)

                - 红色 : #ffff0000

                - 绿色 : #ff00ff00

                - 蓝色 : #ff0000ff

                - 黄色 : #ffffff00

                - 黑色 : #ff000000

                - 白色 : #ffffffff

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏吾爱乐享

php学习之div+css盒子模型(二)

13020
来自专栏蜉蝣禅修之道

android控制view的大小和位置(二)

13610
来自专栏Nian糕的私人厨房

CSS 布局_1 盒模型

盒模式是 CSS 中一个重要的概念,即元素在页面所占据的空间位置,盒模型的属性包括:内容 (content)、填充 (padding)、边框 (border)、...

9440
来自专栏十月梦想

背景属性

8130
来自专栏用户2442861的专栏

background-position 用法详细介绍

http://www.cnblogs.com/huazaizai/archive/2010/11/03/1867907.html

13410
来自专栏一个小程序员的成长笔记

CSS深入理解学习笔记之vertical-align

1、vertical-align基本认识   支持的属性值:     ①线类:baseline(默认),top,middle,bottom     ②文本类:t...

34750
来自专栏前端杂货铺

清除inline-block元素之间的空白

一个元素如果被设置为display:inline-block,那么这个元素将表现为行内块的性质。被设为行内块的元素 对内(子元素)表现为块级框,具体为可以设置高...

30250
来自专栏前端知识分享

第95天:CSS3 边框、背景和文字效果

  transform:通过 CSS3 转换,我们能够对元素进行移动、缩放、转动、拉长或拉伸。

14720
来自专栏小樱的经验随笔

Android布局属性详解

RelativeLayout用到的一些重要的属性: 第一类:属性值为true或false android:layout_centerHrizontal 水平居...

32730
来自专栏吾爱乐享

php学习之html的标签属性(一)

15230

扫码关注云+社区

领取腾讯云代金券