当前位置:首页 » 网页前端 » web调色板
扩展阅读
webinf下怎么引入js 2023-08-31 21:54:13
堡垒机怎么打开web 2023-08-31 21:54:11

web调色板

发布时间: 2022-04-23 20:08:30

⑴ 网络安全色

web颜色只有216色,所以网络上安全色就是指web216色,而普通的显示器可以显示很多颜色,一般我们在显示器里可以看见“16色。256色。24位……” 在许多图象编辑软件中,如PS和FW里都可以显示超过216或者256色颜色进行图象编辑。 当在颜色面版swatch里有一个方块出现,说明这个颜色已经超过web所能反映的颜色216色。所以我们称为网络安全色就是要在216种之内了

⑵ 为什么我的PS存储为WEB所用格式的颜色表是灰色的应该怎样才可以变回原来的一格一格不同颜色呢

你这是由多帧组成的GIF动画吧?如果它每一帧的调色板不一致,在这里就不会显示出调色板的格子和颜色,而是在生成文件时PS会自动转换为统一的调色板。

⑶ 如何进行网页配色

网页调色板.[值得收藏]

做网页的好帮手.

flash RGB getor

http://www.it365cn.com/bbs/upload/200911231360930.swf

color palette creator
这是我收藏之一,通过基本色调生成10种不同灰度的相同色,并且能生成png文件。
http://slayeroffice.com/tools/color_palette/

4096 Color Wheel Version 2.1
非常漂亮的自然色抓取工具,用鼠标点取颜色,非常方便。
http://www.ficml.org/jemimap/style/color/wheel.html

technicolor
用鼠标拖动滑杆,再根据基色生成系统推荐的色调,最棒的是还能根据你选择的颜色生成标准的css文件。
http://www.themaninblue.com/experiment/Technicolor/

color scheme generator 2
这也许是至今为止最专业的调色板了。不但能根据选择的基色生成相关的配色方案,还有根据颜色的饱和度,明亮度等等只有在photoshop里看见的调节功能,系统还提供推荐方案,有专门为色盲和色弱者推荐的颜色方案。
http://wellstyled.com/tools/colorscheme/index-en.html

colr.org
从网站Url就能看出这也是一个专业的color site。color.org最酷的就是应用了tag,你可以输入forest(森林)这个词,系统自动根据你给出的词生成相关的颜色方案,输入love后我得到的大多是粉红基色调,很准确吧!系统有11000多种颜色tag和20000种颜色方案、7000多个调色板。当然,这个tag。。这个tag不支持中文的…
http://colr.org/

color blender
这个也是一个很有特色的调色板。输入两种截然不同的颜色,系统根据这两种颜色生成渐变色带。
http://www.meyerweb.com/eric/tools/color-blend/

color schemer v2
这个是color scheme generator 2的另一个版本
http://www.colorschemer.com/online.html

visibone color lab
这是第一个根据网页安全色制作的调色板,使用简单,鼠标不停的点,直到碰上让你感觉满意的效果。
http://www.visibone.com/colorlab/

RGB color charts
基于RGB原理的,不过系统生成的颜色很舒服。
http://lodestone.org/people/maria/design/colors.html

full screen picker
这是一个基于浏览器的颜色拾取器,想必下,这种工具还是使用客户端的程序比较方便些。
http://milov.nl/iambald/24.html

colormixers
一边拉滑杆,一边看颜色的变化,相当方便。
http://colormixers.com/mixers/cmr/

以下也是一些color tools的相关链接:
http://www.colormatch.dk/
http://slayeroffice.com/tools/color_palette/
http://kohaistyle.com/scripts/quickcolor
http://www.easyrgb.com/harmonies.php
http://www.stcsig.org/usability/topics/colorblind.html
http://color.twysted.net/
http://www.coolhomepages.com/cda/color
http://www.masternewmedia.org/2003/04/30/

http://dev.sessions.e/ilu/ilu_1.html http://www.technetguru.com/design
http://www.mundidesign.com/webct
http://graphicdesign.about.com/library/color/blweb2.htm
http://www.pourpre.com/chromograf/en/
http://www.webwhirlers.com/colors/wizard.asp
http://www.colorcoordinator.com/colorCoordinator.php

当前最热门的十种颜色:
Moroccan blue :#081b55
Glazed ginger:#da4912
American beauty:#d31112
Ruby wine:#780e1a
Atmosphere:#c4a47b
Burnt olive:#565d10
Gloxinia:#530752
Rattan:#ffdc28
Moss:#a9a40c
Burnt orange:#fe690d

⑷ web安全色的介绍

不同的平台(Mac、PC等)有不同的调色板,不同的浏览器也有自己的调色板。这就意味着对于一幅图,显示在Mac上的Web浏览器中的图像,与它在PC上相同浏览器中显示的效果可能差别很大。选择特定的颜色时,浏览器会尽量使用本身所用的调色板中最接近的颜色。如果浏览器中没有所选的颜色,就会通过抖动或者混合自身的颜色来尝试重新产生该颜色。

⑸ 什么是web的RGB安全色

1Web安全色产生的原因
不同的平台(Mac、PC等)有不同的调色板,不同的浏览器也有自己的调色板。这就意味着对于一幅图,显示在Mac上的Web浏览器中的图像,与它在PC上相同浏览器中显示的效果可能差别很大。

选择特定的颜色时,浏览器会尽量使用本身所用的调色板中最接近的颜色。如果浏览器中没有所选的颜色,就会通过抖动或者混合自身的颜色来尝试重新产生该颜色。

2Web安全色的产生

为了解决Web调色板的问题,人们一致通过了一组在所有浏览器中都类似的Web安全颜色。

这些颜色使用了一种颜色模型,在该模型中,可以用相应的16制进制值00、33、66、99、CC和FF来表达三原色(RGB)中的每一种。这种基本的Web调色板将作为所有的Web浏览器和平台的标准,它包括了这些16进制值的组合结果。这就意味着,我们潜在的输出结果包括6种红色调、6种绿色调、6种蓝色调。6*6*6的结果就给出了216种特定的颜色,这些颜色就可以安全的应用于所有的Web中,而不需要担心颜色在不同应用程序之间的变化。[1]

3Web安全色的应用

对于我们来说,将某种颜色的10进制值转化为16进制值不是一件容易的事情,尽管我们可以学会将RGB颜色转化为16进制的数学原理。

但是我们使用大多数图像编辑或者绘画程序中提供的颜色转化工具进行转化更为容易。通过使用滴管工具,可以在任何所需的颜色上单击,然后再颜色的拾取器中查看该颜色的RGB、HSB、CMYK、LAB和最终16进制数值。

在HTML中,可以根据个人的意愿,通过编辑编码来修改文字和背景颜色,同时可以通过制定颜色的16进制数值来完成操作。代码相当简单---在HTML文件中的<BODY>标签之后添加--<BGCOLOR="#CC3333">(暗红色代码)代码就得。

⑹ web安全色的产生

为了解决Web调色板的问题,人们一致通过了一组在所有浏览器中都类似的Web安全颜色。
这些颜色使用了一种颜色模型,在该模型中,可以用相应的16制进制值00、33、66、99、CC和FF来表达三原色(RGB)中的每一种。这种基本的Web调色板将作为所有的Web浏览器和平台的标准,它包括了这些16进制值的组合结果。这就意味着,我们潜在的输出结果包括6种红色调、6种绿色调、6种蓝色调。6*6*6的结果就给出了216种特定的颜色,这些颜色就可以安全的应用于所有的Web中,而不需要担心颜色在不同应用程序之间的变化。

⑺ 各位web开发员平时都用到什么辅助工具

开发一个优秀的网站并非易事,一个面面俱到并且美观的网站,即使对于经验丰富的Web开发者而言也是项艰巨的任务。在那之前您必须认识到当前的趋势及标准,并确定如何将这些都纳入您的设计之中。

幸运的是,现在有很多免费的工具可供使用,以帮助您提高效率,使得工作更有效率。以下这20个实用WEB辅助开发设计工具对于开发者而言无疑都会从中受益。

Typetester

Typetester是在线比较不同的文字和文字属性在给定的文本里显示效果的应用。其主要作用是使网页设计师的生活更轻松,快速方便的比较不同的字体视觉。

pForm

使用这款免费易用的工具在几秒钟内创建php表单。如果你需要更多的功能,你可以注意他的父项目MachForm或者更棒的替代品wufoo和formspring(这两个版本提供有限的免费和付费高级版)。

ColourLovers

为色彩爱好者而建立的国际型站点。你能搜索网站的调色板,使用在项目上或者创建新的可被评价的调色板。对灵感或者设计理念的批判很有好。

Firebug

Firebug 与Firefox集成,将大量丰富的网页开发工具引到你指边。浏览的时候,你就可以实时在任何的网页上进行编辑,调试,和检测css,html和JavaScript。这可能是一个最为广泛使用的Web开发工具了。如果你没有他,立刻去下一个去。

HTML Entity Character Lookup

假如你需要知道如何在你的网页上显示商标符号,那么这款工具恰恰可以帮助你。HTML实体查询搜索HTML实体匹配的搜索特性建立在字符看起来怎样 的基础上的,例如,字母“ C ”将匹配&;和¢实体,因为他们看起来差不多。这确实是你需要尝试了解他是怎样有用的工具。(MAC用户也可以作为仪表板部件使用)。

960 Grid System

960网格系统是为了简化Web开发流程,提供常用尺寸,基于宽度960px。这里两个变种,12和16列,可单独使用也可以协作使用。全面赏析此框架

Em Calculator

Em Calculator是一个小JavaScript工具,它可以让您输入一个像素大小并显示相应的EM值。这个工具非常易于使用和便捷的快速参考。

Browser Shots

您可以在约100名不同的浏览器的4个不同的平台中查看您网站,以确定最终的跨浏览器的支持。鉴于目前存在的许多不同类型的配置,重要的是要确保您的网站看起来更好,更可能的支持更多的平台。

Icon Finder

Iconfinder为Web设计者和开发者运用简单有效的方式提供高质量的图标。你只需要在搜索框中键入一个关键字,Iconfinder将会给你带来美丽的图标,你可以自由的使用。

WhatTheFont

假如你想之你最喜欢的blog使用的什么字体,这个工具能帮到你。仅需要上传一张字体的图片,此工具就可以尽可能的匹配正确的字体。如果你宁可相信一个真正的人,WhatTheFont论坛的资源是一个很好选择。

MeasureIt

很棒的Firefox插件,绘出一把尺子获得任何内容网页上像素的宽度和高度。

ColorZilla

你可以使用ColorZilla获取浏览器上任何一点的颜色。快速校对颜色粘帖到另一个程序中,你可以放大你正在查看的网页大小,测量网页上任意两点间的距离。

Pingdom

Pingdom加载完整的HTML网页,包括所有的对象(图像,CSS,JavaScripts,rss,Flash和帧/框架) 。它模仿是在页面在Web浏览器中加载的方式,然后使用很不错的视觉时间条显示每个元素的家寨时间。这可能对尝试调高网闸你的效率十分的有用。

Test Everything

大体的测试网站所有东西。100个不同的校验器和测试,所有都舒适的在一个应用程序中。节省网站开发测试阶段的大量的时间。

CSS Sprite Generator

Sprites可以通过减少HTTP请求数提高网站速度,因此变得越来越受欢迎。使用他们,需要更大的远见和规划,从而增加了使用他们的难度。这个 令人惊奇的工具允许上传图片压缩包,然后将它们合并为一个sprite,一旦sprite被创建,它会创建一份你需要使用sprite的CSS,免费完整 下载使用。

Web Developer Toolbar

一个非常有的Firefox插件,提供了很多web开发人员日常基础工具,快速验证XHTML或检查HTTP头信息。

Domainr

有很多工具可以告诉你某个域名是不是注册了。Domainr除了帮助查询你需要的,而且还尝试建立更值得使用的名字。Domainr帮助您探测整个 域名空间,超出了无处不在的和拥挤的.com, .net 与.org的限制。借助jish.nu,burri.to和del.icio.us的灵感,当你想不到独特的域名的时候这个工具就可以派上了用场了。

Font Burner

Font Burner是免费在线工具,可以搜多超过1000种字体。一旦你找到喜欢的字体,该工具会提供一小段代码,让你在自己的网站上免费使用字体。不论用户是否安装此字体,字体都将在每部电脑上显示。如果你想知道自己到底喜欢哪款字体,请参考:史上最漂亮的100种字体

Smush.It

Smush.It是一个简洁的非失真图像优化应用工具,帮助你压缩图片。

⑻ 网页配色技巧

网页调色板.[值得收藏]

做网页的好帮手.

flash RGB getor

http://www.it365cn.com/bbs/upload/200911231360930.swf

color palette creator
这是我收藏之一,通过基本色调生成10种不同灰度的相同色,并且能生成png文件。
http://slayeroffice.com/tools/color_palette/

4096 Color Wheel Version 2.1
非常漂亮的自然色抓取工具,用鼠标点取颜色,非常方便。
http://www.ficml.org/jemimap/style/color/wheel.html

technicolor
用鼠标拖动滑杆,再根据基色生成系统推荐的色调,最棒的是还能根据你选择的颜色生成标准的css文件。
http://www.themaninblue.com/experiment/Technicolor/

color scheme generator 2
这也许是至今为止最专业的调色板了。不但能根据选择的基色生成相关的配色方案,还有根据颜色的饱和度,明亮度等等只有在photoshop里看见的调节功能,系统还提供推荐方案,有专门为色盲和色弱者推荐的颜色方案。
http://wellstyled.com/tools/colorscheme/index-en.html

colr.org
从网站Url就能看出这也是一个专业的color site。color.org最酷的就是应用了tag,你可以输入forest(森林)这个词,系统自动根据你给出的词生成相关的颜色方案,输入love后我得到的大多是粉红基色调,很准确吧!系统有11000多种颜色tag和20000种颜色方案、7000多个调色板。当然,这个tag。。这个tag不支持中文的…
http://colr.org/

color blender
这个也是一个很有特色的调色板。输入两种截然不同的颜色,系统根据这两种颜色生成渐变色带。
http://www.meyerweb.com/eric/tools/color-blend/

color schemer v2
这个是color scheme generator 2的另一个版本
http://www.colorschemer.com/online.html

visibone color lab
这是第一个根据网页安全色制作的调色板,使用简单,鼠标不停的点,直到碰上让你感觉满意的效果。
http://www.visibone.com/colorlab/

RGB color charts
基于RGB原理的,不过系统生成的颜色很舒服。
http://lodestone.org/people/maria/design/colors.html

full screen picker
这是一个基于浏览器的颜色拾取器,想必下,这种工具还是使用客户端的程序比较方便些。
http://milov.nl/iambald/24.html

colormixers
一边拉滑杆,一边看颜色的变化,相当方便。
http://colormixers.com/mixers/cmr/

以下也是一些color tools的相关链接:
http://www.colormatch.dk/
http://slayeroffice.com/tools/color_palette/
http://kohaistyle.com/scripts/quickcolor
http://www.easyrgb.com/harmonies.php
http://www.stcsig.org/usability/topics/colorblind.html
http://color.twysted.net/
http://www.coolhomepages.com/cda/color
http://www.masternewmedia.org/2003/04/30/

http://dev.sessions.e/ilu/ilu_1.html http://www.technetguru.com/design
http://www.mundidesign.com/webct
http://graphicdesign.about.com/library/color/blweb2.htm
http://www.pourpre.com/chromograf/en/
http://www.webwhirlers.com/colors/wizard.asp
http://www.colorcoordinator.com/colorCoordinator.php

当前最热门的十种颜色:
Moroccan blue :#081b55
Glazed ginger:#da4912
American beauty:#d31112
Ruby wine:#780e1a
Atmosphere:#c4a47b
Burnt olive:#565d10
Gloxinia:#530752
Rattan:#ffdc28
Moss:#a9a40c
Burnt orange:#fe690d

⑼ 怎样将灰度或 RGB 图像转换为索引颜色模式

调板类型 许多调板类型可用于将图像转换为索引颜色。对于“可感知”、“可选择”和“随样性”选项,可以使用基于当前图像颜色的本地调板进行选取。以下是可用的调板类型:实际 使用RGB 图像中显示的实际颜色创建调板,只有在图像使用 256 或更少的颜色时,该选项才可用。由于图像的调板包含图像中的所有颜色,因此没有仿色。 系统(Mac OS) 使用Mac OS 的默认 8 位调板,该调板基于 RGB 颜色的平均取样。 系统(Windows) 使用Windows 系统的默认 8 位调板,该调板基于 RGB 颜色的平均取样。 Web 使用216 色调色板,Web 浏览器(与平台无关)使用此调色板在只能显示 256 色的显示器上显示图像。此调板是 Mac OS 8 位调板的子集。在仅限于 256 色的显示器上查看图像时,使用该选项可避免浏览器仿色。 平均 通过平均取样 RGB 颜色立方体中的颜色来创建调板。例如,如果 Photoshop 采用红色、绿色和蓝色中每一种颜色的 6 个均匀分隔的色阶,则此组合生成一个具有 216 种颜色(6 的立方 = 6 x 6 x 6 = 216)的平均分布调色板。图像中显示的颜色总数对应于最接近的整数立方值(8、27、64、125 或 216),该值小于“颜色”文本框中的数值。 局部(可感知) 通过优先考虑对人眼较敏感的颜色来创建自定调板。 局部(可选择) 创建与“可感知”颜色表类似的颜色表,但优先考虑大范围的颜色区域和保留 Web 颜色。该选项通常生成具有最大颜色组合的图像。 局部(随样性) 通过从色谱中取样以在图像中显示最多的颜色来创建调板。例如,只有绿色和蓝色的 RGB 图像生成的调色板也主要由绿色和蓝色组成。大多数图像的颜色集中在色谱的特定区域。若要更精确地控制调色板,先选择图像中包含要强调的颜色的部分。Photoshop 会以这些颜色为主进行转换。 全部(可感知) 通过优先考虑对人眼较敏感的颜色来创建自定调板。适用于打开多个文档的情况;应用于所有打开的文档。 全部(可选择) 创建与“可感知”颜色表类似的颜色表,但优先考虑大范围的颜色区域和保留 Web 颜色。该选项通常生成具有最大颜色组合的图像。适用于打开多个文档的情况;应用于所有打开的文档。 全部(随样性) 通过从色谱中取样以在图像中显示最多的颜色来创建调板。例如,只有绿色和蓝色的 RGB 图像生成的调色板也主要由绿色和蓝色组成。大多数图像的颜色集中在色谱的特定区域。若要更精确地控制调色板,先选择图像中包含要强调的颜色的部分。Photoshop 会以这些颜色为主进行转换。适用于打开多个文档的情况;应用于所有打开的文档。 自定 使用“颜色表”对话框创建自定调色板。既可以编辑颜色表并存储以备将来使用,也可以单击“载入”以载入以前创建的颜色表。该选项还显示当前的随样性调色板,该调色板对预览图像中最常用的颜色非常有用。 上一个 使用上一次转换的自定调色板,这使您可以方便地用同一自定调色板转换多个图像。 包括的颜色和颜色透明度 若要指定包括在索引颜色表中的颜色或指定图像的透明度,请从下列选项中选取:强制 提供将某些颜色强制包括在颜色表中的选项。“黑色和白色”将纯黑色和纯白色添加到颜色表中;“原色”添加红色、绿色、蓝色、青色、洋红、黄色、黑色和白色;“Web”添加 216 种 Web 安全色;“自定”允许定义要添加的自定颜色。 透明度 指定在转换期间是否保留图像的透明区域。选择该选项将在颜色表中为透明色添加一条特殊的索引项。删除该选项将用杂边颜色填充透明区域,或者用白色填充(如果未选取杂边颜色)。 杂边 指定用于填充与图像的透明区域相邻的消除锯齿边缘的背景色。如果选择了“透明度”,则对边缘区域应用杂边,以帮助混合边缘与具有同一颜色的 Web 背景色。如果取消选择“透明度”,则对透明区域应用杂边。如果在已选择“透明度”的情况下,为杂边选取“无”,则将产生硬边的透明度,否则将用 100% 白色填充所有透明区域。图像必须具有透明度,才能使用“杂边”选项。 仿色 除非正在使用“实际”颜色表选项,否则颜色表可能不会包含图像中使用的所有颜色。若要模拟颜色表中没有的颜色,可以采用仿色。仿色混合现有颜色的像素,以模拟缺少的颜色。选取菜单中的仿色选项,并输入仿色数量的百分比值。该值越高,所仿颜色越多,但是可能会增加文件大小。可以从下列仿色选项中选取:无 不仿色,而是使用最接近缺少的颜色的颜色。这往往会导致图像中颜色阴影之间的突然转换,并造成色调分离的效果。 扩散 使用误差扩散方法,产生比“图案”选项更不规则的仿色。若要防止图像中包含颜色表项目的颜色被仿色,应选择“保留实际颜色”。这对存储 Web 图像的精细线条和文本很有用。 图案 使用类似半调的方形图案模拟颜色表中没有的任何颜色。 杂色 有助于减少图像切片边缘的接缝图案。