html5颜色,html5颜色代码表

如何编写html5改变某一个区域的颜色和图片中的某一点相同？

您好！根据我对你描述的问题，我是这样理解的。

代码（html5中）背景颜色——更换成图片上的某点的颜色。

我的回答是：把图片放入到图片编辑软件（例如：PS）中，单击 颜色块

     弹出一个拾色器。复制红色框框中的颜色值，粘贴到html5中即可。（例如：background:#c62013;）

相关问答

Q1: html5不用font怎么设置字体颜色

html5不用font为字体设置颜色的方法：

1、定义要设置的文字范围，并用span标签包围

2、编写span的class，定义color属性。

html代码如下：

p这是一个测试 span class="redText"颜色/span 的例子/p

css编写如下：

.redText

{

color: red;

}

运行效果：

Q2: HTML5中怎么设置字体颜色

在设置颜色时有多种方法：

采用颜色的英文单词 比如 red 指红色

采用#号，后面跟6位的16进制数字，比如：#ff0000 表示红色 每个数字的取值为0~9，a~f（a表示10，f表示15）。当第1~2位、第3~4位、第5~6位的数字分别相同时，可以缩写为3位，如 #ff0000可以缩写为 #f00， #3399ff可以缩写为#39f。对于#3699ff此类不满足条件的颜色值则不能缩写

采用rgb数值表示法，比如 rgb(255, 0, 0); 表示红色，三个数字分别表示红、绿、蓝，取值范围为0~255

采用rgba数值表示法，比如rgba(255, 0, 0, 0.5); 表示50%透明度的红色，最后一个数字表示透明度，取值为0~1之间的小数，0表示全透明，1表示不透明。

Q3: html5 mark的默认颜色”黄色“不能改变吗?

mark 标签定义带有记号的文本。请在需要突出显示文本时使用 m 标签

可以通过css改变

mark{

background-color:red;//设置背景颜色

color:white;//设置文字颜色

}

Q4: html5 怎么选择色板的颜色

HTML5 简单的颜色选取器

!DOCTYPE html

html lang="zh"

 head

 meta charset="gbk" /

 titleCanvas Example 4 (Detecting Colors)/title

 script 

window.onload = function () {

   //获取页面DOM元素

   var preview = document.getElementById('preview');

   var r = document.getElementById('r');

   var g = document.getElementById('g');

   var b = document.getElementById('b');

   var a = document.getElementById('a');

   var mx = document.getElementById('mx');

   var my = document.getElementById('my');

   var canvas = document.getElementById('myCanvas');

   //绑定鼠标移动事件

   canvas.addEventListener('mousemove', move, false);

   var c = canvas.getContext('2d');

   var building = new Image()

   building.src = "cinema.png";//加载图片

   building.onload=draw;

  function draw () {

    c.drawImage(building, 0, 0, canvas.width, canvas.height);

  }

  function move (e) {

    //在页面显示鼠标相对于窗口的坐标

    mx.innerHTML = e.clientX;

    my.innerHTML = e.clientY;

    //获取图像数据

    var img = c.getImageData(e.clientX, e.clientY, 1, 1);

    var idata = img.data;

//获取像素值

    var red = idata[0];

    var green = idata[1];

    var blue = idata[2];

    var alpha = idata[3];

    //在页面显示像素的R，G，B，A值

    r.innerHTML = red;

    g.innerHTML = green;

    b.innerHTML = blue;

    a.innerHTML = (alpha  0) ? alpha : 'Transparent';

    preview.style.backgroundColor = 'rgba(' + red + ', ' + green + ', ' + blue + ', ' + alpha + ')';

 }

}

/script

style type="text/css" media="screen"

 body { margin: 0px; padding: 0px; }

 canvas {

  border: 1px solid black;

  float: left;

 }

 ul { 

  list-style: none;

  margin: 10px 10px 10px 10px;

  padding: 0px;

  float: left;

 }

 ul li { font-weight: bold; }

 ul li span { font-weight: normal; }

 ul li #preview { width: 50px; height: 50px; border: 1px solid black; }

/style

/head

body

 canvas id="myCanvas" width="300" height="300"

  Your browser doesn't include support for the canvas tag.

/canvas

ul

 lidiv id="preview"/div/li

 liRed: span id="r"NULL/span/li

 liGreen: span id="g"NULL/span/li

 liBlue: span id="b"NULL/span/li

 liAlpha: span id="a"NULL/span/li

 liMouse X: span id="mx"NULL/span/li

 liMouse Y: span id="my"NULL/span/li

/ul

/body

/html

Q5: 关于html5背景颜色的问题

这种情况下，通常为底部div设置背景颜色（蓝色部分），为子div设置背景图（灰色部分，存储为png即可）

如果你一定要用代码实现的话，可以使用canvas，进行矢量图的绘制

是初学HTML还是已经懂得HTML和CSS，在进一步学习？如果是初学的话，建议借助一些书籍做系统性学习。