这里有xp和win7系统下的设置方法，
xp系统下的设置方法：
桌面】→ 【单击右键】→ 【属性】→ 【外观】→ 【高级】→ 项目选择【窗口】→ 【颜色1（L）】→ 【选择（其它）】将色调改为：85；饱和度：123；亮度：205→添加到自定义颜色→在自定义颜色选定→确定
这样所有的文档都不再是『刺眼的白底黑字』，而是非常『柔和的豆沙绿』色，这个色调是『眼科专家配置』的，长时间使用会很有效的『缓解眼睛疲劳』『保护眼睛』
同理，【桌面】→ 【单击右键】→ 【属性】→ 【外观】→ 【高级】→ 项目选择【菜单】→ 【颜色1（L）】→ 【选择（其它）】将色调改为：85；饱和度：123；亮度：205→添加到自定义颜色→在自定义颜色选定→确定
这样所有的菜单的背景也是『柔和的豆沙绿』色。
WIN7版本是家庭版：
打开 控制面板-----外观------显示------（左边）更改配色方案----高级（以下设置同上）然后在“项目”（i础ems）的下拉菜单里选“窗口” （windows），再点它右侧的下拉菜单“颜色”（color），点下方的“其它” （others），然后把“色调”（Hue）设为85，“饱和度”（Sat）设为90，“亮度” （Lum）设为205。（产品出厂时，一般分别设为160、0、240。） 然后单击“添加到自定义颜色”（Add to custom colors），），按“确定”（OK）
html如何设置网页的背景颜色
使用background-color属性，可以直接在body标签里设置，也可以在css中设置。
①：在body标签里面设置：
②：在css中设置：
body{background-color:red}
win7中怎样设置网页底色？
绿色和蓝色对眼睛最好，建议大家在长时间用电脑后，经常看看蓝天、绿地，就能在一定程度上缓解视疲劳。同样的道理，如果我们把电脑屏幕丁网页的底色变为淡淡的苹果绿，也可在一定程度上有效地缓眼睛疲劳等症状了。
下面就教你如何把网页底色变成淡淡的苹果绿：
第一步，在桌面上点击鼠标右键，依次点击“个性化”、“窗口颜色”、“高级外观设置”按钮。
第二步，在打开的“高级外观设置”对话框中，在“项目”下拉列表里选择“窗口”。
第三步，再打开右边对应的“颜色”列表，选择其中的“其他”一项，在打开的对话框里，把“色调”的参数设置为85，把“饱和度”参数设置为90，把“亮度”参数设置为205。再点击“确定”退出设置。
第四步，打开ie浏览器，选择“工具”栏中的“internet选项”，点击“辅助功能”按钮，在“不使用网页中指定的颜色”前打钩。
全部步骤完成后，网页、文件夹、文本文档里的背景颜色都变成了绿色。其中，色调、饱和度和亮度的参数值，还可以根据个人的喜好稍作修改，让自己用电脑的候最舒服。
红色是最 *** 眼睛的颜色，看得时间长了，就容易产生眼干、眼涩等症状，加重眼睛疲劳，所以建议大家不要使用红色作为电脑屏幕和网页的底色
怎样把网页背景颜色设置成绿色环保颜色
设置方法如下: 在桌面点右键选"属性"(properties)，接着点"外观"(appearance)，点右下 角的"高级"(advanced)，然后在"项目"(items)的下拉菜单里选"窗口" (windows)，再点它右侧的下拉菜单"颜色"(color)，点下方的"其它" (others)，然后把"色调"(Hue)设为85，"饱和度"(Sat)设为90，"亮度" (Lum)设为205。 (产品出厂时，一般分别设为160、0、240。) 然后单击"添加到自定义颜色"(Add to custom colors)，按"确定"(OK) 一直"确定"(OK)下去。然后屏幕上会出现一个小Windows的画面，上写"请稍 候"。 把窗口设成绿色之后，再来把IE的网页背景也变成养眼的绿色吧: 打开IE，点击"工具"(TOOLS)，点最下方的"Internet选项"(INTERNET OPTIONS)，点右下角的"辅助功能"(Assessibility)，然后勾选第一个"不使用网 页中指定的颜色"(ignore colors specified on web pages)，然后点"确
怎样调电脑网页的背景颜色
桌面右键--属性--外观--靠下面的“高级”，进去就可以选择各项的参数了，比如选应用程序背景，再选右侧的“颜色”，进去后把颜色改成色调：85；饱和度：93；；梗度：205。这样应用程序的背景就是你所设定的豆沙绿色了。再选“窗口”，进行相同的设置。其他项照此设置。要使得PDF的文本背景色改变，还得到pdf阅读器里面设置，如Adobe reader里面在菜单栏中选编辑--首选项--辅助工具，然后在右边勾选替换文档颜色--选择“使用windows颜色方案”或者自定义颜色，然后设置页面背景和文本颜色为你喜欢的颜色。
html 网页制作 如何设置网页背景色 颜色自己调，可以用取色器查看颜色，例如background-color:#789999如果需要加边框可以用border属性 怎么恢复网页原来的颜色
internet选项————————辅助功能——————出现的四个都不要勾选——————试试
电脑网页颜色太亮了，怎么调暗点啊
1、打开电脑后，回到电脑桌面；
2、点击菜单栏的“开始”，点击“控制面板”，再选择“个性化”，（或者单击鼠标右键，选择“个性化”
3、看到了“更改计算机上视觉效果和声音”这个界面，我们看到在这里我们可以定行“更改桌面图标”，“更改鼠标指针”，“更改账户图片”，"显示”等等操作）
4、点击左下角的“显示”，进入下一步
5、之后，看到左侧的“调整亮度”，点击“调整亮度”
6、注意到下方有“屏幕亮度”，点中那个拉伸条，向左移动一点，看看屏幕的亮度变化效果；
7、这样就将电脑的屏幕亮度调暗了，如果觉得太暗，就向右拉伸就可以了。
W7如何设置网页保护色
1、调节窗口颜色
桌面->右键->属性->外观->高级－>项目选择（窗口）
颜色1（L）选择（其它）：将色调改为85、饱和度：123，亮度：205。－>添加到自定义颜色－>在自定义颜色选定点确定－>确定
2、调节网页颜色
打开浏览器->点击“工具”->点“INTERNET”选项->点右下角“辅助功能”->勾选“不使用网页中指定颜色”。再点确定退出。
这样简单的几个步骤后，所有的文档都是非常柔和的豆沙绿色，就像高中时候用的那种防近视书一样的颜色。这个色调是眼科专家配置的，长时间使用会很有效的缓解眼睛疲劳保护眼睛。
HTML5 简单的颜色选取器
<!DOCTYPE html><html lang="zh">
<head>
<meta charset="gbk" />
<title>Canvas 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>
<li><div id="preview"></div></li>
<li>Red: <span id="r">NULL</span></li>
<li>Green: <span id="g">NULL</span></li>
<li>Blue: <span id="b">NULL</span></li>
<li>Alpha: <span id="a">NULL</span></li>
<li>Mouse X: <span id="mx">NULL</span></li>
<li>Mouse Y: <span id="my">NULL</span></li>
</ul>
</body>
</html>
