html浏览器安全调色板,网页安全色调色盘

在HTML的语法中,颜色会以十六进位值(例如:#FF0000)或颜色名称(例如:Red)来表示。网页安全色是指在256色模式下,无论在Windows或Macintosh系统下,在Netscape Navigator和Microsoft Internet Explorer浏览器中都能显示相同的颜色。传统上有216种常用颜色,而任何结合00、33、66、99、cc和ff(RGB值分别是0、51、102、153、204、和255)的十六进制值都代表网页安全色。

不过,测试显示只有212种网页安全色,而不是完整的216色,因为Windows上的Internet Explorer不会正确呈现#0033ff(RGB值0、51、255)、#3300ff(RGB值51、0、255)、=00ff33(RGB值0、255、51)?n#33ffoo(RGB值51、255、O)四种颜色。

当网页浏览器首次呈现外观时,大部分的计算机都只显示256色(8位元):但目前大部分的计算机都能显示几千或几百万种颜色(16位元和32位元),所以使用现行计算机系统的使用者在设计网站时,完全没有必要使用浏览器的网页安全色调色盘。

使用网页安全色调色盘的原因之一是,如果在其他网页装置上进行设计,例如PDA、行动电话的显示画面,这类装置大多只提供黑色(1位元)或256色(8位元)显示画面。

在Dreamweaver软件中,立方体色(预设)和连续色调色盘都是使用216色的网页安全色调色盘:从这些调色盘选取颜色时,系统会显示该颜色的十六进位色彩值。

079658d16a846501bb2e5b7f3ab6a6bc.png

在Photoshop中,若只需要使用网页安全色调色盘内的颜色,就在“拾色器(前景色)”对话框中勾选“只有Web颜色”复选框。

f7eb338d2dec9dcb8b6999335ff6a56c.png

88ece9deebcc3241cfe16eeda1c5ca68.png

Netscape Navigator的UNIX版本使用与Witldows和Macintosh版本不同的调色盘,如果是专为UNIX的浏览器设计网页,请考虑使用结合00、40、80、BF或FF的十六进制,产生用于Sun系统的网页安全色。

如下图所示为网页安全色调色盘,其中提供了颜色名称、RGB值和十六进制值,为用户提供参考。

255d83514d8cccc52ac28eeca8b79b14.png

3a8c03ee58f9e9368bdd3bb98aee349d.png

8700924086e78ef3477fde404d368f6a.png

48ba00718d507ef90c598e3cc1d6fe6d.png

以上就是有关网页安全色调色盘的相关内容,希望对你有所帮助。

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
以下是一个Android长方形盘的实现方法: 1.在res/drawable文件夹下创建一个selector.xml文件,代码如下: ```xml <?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:state_checked="false"> <shape android:shape="rectangle"> <stroke android:width="1dp" android:color="#FFD2D2" /> <corners android:radius="1dp"/> <gradient android:angle="0" android:startColor="#FF3333" android:endColor="#F8F8F8" android:type="linear" /> </shape> </item> </selector> ``` 2.在布局文件中添加自定义的RectangleColorSelectorView,代码如下: ```xml <com.example.colorselfdefinedemo.RectangleColorSelectorView android:id="@+id/self_view" android:layout_width="fill_parent" android:layout_height="wrap_content" /> ``` 3.创建RectangleColorSelectorView类并继承View类,代码如下: ```java public class RectangleColorSelectorView extends View { private Paint mPaint; private int mWidth; private int mHeight; public RectangleColorSelectorView(Context context) { super(context); init(); } public RectangleColorSelectorView(Context context, AttributeSet attrs) { super(context, attrs); init(); } public RectangleColorSelectorView(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); init(); } private void init() { mPaint = new Paint(); mPaint.setStyle(Paint.Style.FILL); } @Override protected void onDraw(Canvas canvas) { super.onDraw(canvas); mWidth = getWidth(); mHeight = getHeight(); LinearGradient linearGradient = new LinearGradient(0, 0, mWidth, 0, new int[]{Color.RED, Color.YELLOW, Color.GREEN, Color.CYAN, Color.BLUE, Color.MAGENTA, Color.RED}, null, Shader.TileMode.CLAMP); mPaint.setShader(linearGradient); canvas.drawRect(0, 0, mWidth, mHeight, mPaint); } } ```

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值