相反色调配色

第6章网页配色介绍色调的基本概念以及网页配色的基本方法引子网页设计是一种特殊的视觉设计，对色调的依靠性很高色调设计同时还是网站风格设计的确定性因素之一内容色调基本学问216网页平安色制定配色方案色调基本学问色调的要素与协作色调的对比与调和色调的感觉与联想请观看FLASH色调基础学问.swf色调的三要素自然界的色调虽然各不相同，但任何色调都具有色相、明度、饱和度这三个基本属性。色相也叫色泽，是颜色的基本特征，反映颜色的基本面貌。明度也叫亮度，体现颜色的深浅。饱和度也叫纯度，指颜色的纯净程度。色调基本学问色调的三要素-色相色调基本学问色调的三要素-色相色相(Hue)简写H，表示色的特质，是区分色调的必要名称，例如红、橙、黄、绿、青、蓝、紫等与色调的强弱及明暗没有关系，只是纯粹表示色调相貌的差异是不同波长的色光被感觉的结果色调基本学问色调的三要素-色相光谱中有红、橙、黄、绿、蓝、紫六种基本色光人的眼睛可以辨别出约180种不同色相的颜色。10色相环10种色相：红色（Red）、橙色（YellowRed）、黄色（Yellow）、黄绿色（GreenYellow）、绿色（Green）、青绿色（BlueGreen）、蓝色（Blue）、蓝紫色（PurpleBlue）、紫色（Purple）、紫红色（RedPurple）。色调基本学问色调的三要素-纯度色调基本学问色调的三要素-纯度纯度（Chroma）简写C表示色的饱和度是表示一种颜色中是否含有白或黑的成份。假如某色不含有白或黑的成份，便是“纯色”，彩度最高；如含有白或黑的成份越多，它的彩度就越会逐步下降饱和度是指色调的明丽程度，也称色调的纯度。饱和度取决于该色中含色成分和消色成分(灰色)的比例。含色成分越大，饱和度越大；消色成分越大，饱和度越小。色调基本学问色调的三要素-明度色调基本学问色调的三要素-明度明度（Value）简写V，色调的强度是指色调感觉的光明或晦暗程度包括色调本身的明暗程度或是一种色相在不同强弱光线下呈现的明暗程度色调基本学问色调的三要素-明度指色调的深浅、明暗，它确定于反射光的强度，任何色调都存在明暗变更。其中黄色明度最高，紫色明度最低，绿、红、蓝、橙的明度相近，为中间明度。另外在同一色相的明度中还存在深浅的变更。如绿色中由浅到深，有粉绿、淡绿、翠绿等明度变更。色调基本学问色调色调Tone——结合明度和纯度的概念11种色调分别是指：显明（Vivid）、高亮（Strong）、光明（Bright）、清澈（Pale）、苍白（VeryPale）、灰亮（LightGrayish）、隐隐（Light）、浅灰（Grayish）、阴暗（Dull）、深暗（Deep）、黑暗（Dark）。低高在色调表中，从下到上亮度依次增加，而从左到右彩度依次增加，所以在色调表中越靠上的颜色越亮，越靠右的颜色就越显明。色调基本学问色相&色调（Hue&Tone）116色体系将前面所介绍的色相环与色调表结合在一起由110种彩色颜色（色相10个等级X色调11个等级=110种颜色）和6种非彩色颜色所构成的色调基本学问立体色标我们把以上在白光下混合所得的明度、色相和彩色组织起来，选由下而上，在每一横断面上的色标都相同，上横断面上的色标较下横断面上色标的明度高。再由黑、白、灰作为中心轴，中心而外，使同一圆柱上，色标的纯度都相同，外圆柱上的比内圆柱上的纯度高。再队中心轴向外，每一纵断面上色标的色相都相同，使不同纵断面的色相不同的红、橙、黄、绿、青、蓝、紫等色相自环中心轴依时针依次而列，这样就把数以千计的色标严整地组织起来，成为立体色标。目前影响较大的立体色标是奥斯特华色标和门塞尔色标。立体色标色调的分类色调的分类有三种冷色、暖色、中性色冷：白、蓝、灰、黑、绿、等暖：红、黄、橙、啡色等中性色：黑、白、灰、金、银色等有光泽色和无光泽色（依据布料质地来区分）：有光泽色：质地为真丝，绸缎之类；无光泽色：麻、毛等。色调基本学问色调的分类有彩色和无彩色无彩色：黑、白、灰等；有彩色：有明显色调倾向的红、蓝、绿。色调基本学问色调代表的含义红色——热情、喜庆、激情、辟邪、危急……橙色——暖和、事物、友好、财宝、警告……黄色——明丽、单纯、光明、温顺、活泼……绿色——生命、平安、年轻、和平、簇新……青色——信任、朝气、脱俗、真诚、清丽……蓝色——整齐、沉静、冷峻、稳定、精确……紫色——浪漫、幽雅、奇妙、珍贵、妖艳……白色——纯净、神圣、干净、高压、单调……灰色——平凡、随意、宽容、苍老、冷漠……黑色——正统、肃穆、死亡、沉重、恐怖……色调基本学问色调的基本特质色调的特质和特性指的是色调和色调组合所能引发的特定心情反映。我们用很多词汇去形容和比较各个色调的特色。没有光源（阳光和人造光），就没有色调。我们依靠光来辨别颜色，再利用颜色和多数种色调的组合来表达思想和心情。色调基本学问色调的基本特质色调基本学问色调的基本特质色调基本学问色调的基本特质色调基本学问色调与色调之间的关系两对双色组合表明一个强大的背景颜色是如何变更相邻颜色的视觉感知的。上下两对的中间色块是相同的颜色，但由于背景不同，给人的色调感觉也是不同的。色调基本学问RGB色调体系人们把红(Red)、绿(Green)、蓝(Blue)这三种色光称之为“三原色光”，RGB色调体系就是以这三种颜色为基本色的一种体系。目前这种体系普遍应用于数码影像中，如：电视、计算机屏幕、数码相机、扫描仪等。RGB值是从0至255之间的一个整数，不同数值叠加会产生不同的色调。当三色数值相同时为无色调的灰度色，而三色都为255时为最亮的白色，都为0时为黑色。

色调基本学问CMYK色调体系CMYK分别代表青(Cyan)、品红(Magenta)、黄(Yellow)、黑(Black)这是一种基于反光的色调体系，常用于彩色印刷中CMYK值是以浓度0-100%来表示，不同浓度叠加会产生不同的色调。理论上相同浓度的CMY叠加，则会变成黑色，但实际混合色料后并不会呈现黑色而是暗灰色，所以将黑色独立出来，增加印刷时颜色的范围。色调基本学问216网页平安色216网页平安色（216WebSafetyColor）是指在不同硬件环境、不同操作系统、不同阅读器中都能够正常显示的色调集合在网络上，即是一模一样的颜色，也会由于显示设备、操作系统、显卡及阅读器的不同而有不尽相同的显示效果用Firewors输出的一个颜色在平安色范围之外的gif图片216网页平安色216网页平安色是依据当前计算机设备的状况得到的结果。尽管一些图像格式的调色板是同成千上万、甚至数百万的颜色组成的，但低档的显示器只承认256色,而Window和Macintosh平台只共享256色中的216色216网页平安色只要在网页中运用216网页平安颜色，就可以限制网页的色调显示效果运用网页平安颜色的同时，也不解除非网页平安颜色的运用网页平安色是当红色（Red）、绿色（Green）、蓝色（Blue）颜色数字信号值（DACCount）为0、51、102、153、204、255（十六进制为00、33、66、99、CC或FF）时构成的颜色组合，它一共有6*6*6=216种颜色（其中彩色为210种，非彩色为6种）。216网页平安色调色板有多种216网页平安色调色板Browser-SafeColorPalette216-ColorWebmaster'sPaletteI.R.IWebColorSensePaletteSeries最值得举荐的是在Visibone（visibone）上的调色板。该调色板合理的协调地显示了216网页平安色间的相互关系可在visibone站点得到相关信息://visibone/colorlab/216网页平安色调色板访问更大图片://visibone/color/poster4x.html制定配色方案配色就是处理好作品中色调的统一与变更、秩序与多样性之间的关系我们驾驭色调理论学问是为了培育对配色的感觉.色调是要与环境结合来推断的,即使是一种特别美丽的颜色,也只有在与四周的环境相搭配时才能真正称得上美丽请参看:///sheji/peise/menu03.htm制定配色方案在选择色调时大体上应考虑以下几个因素：清晰界定出想要用色调达到什么样的目的。选择反映设计所须要的主色。选完中心纯色后，再支配色调搭配的设计。以设计的特点或人的感觉为着眼点，让可以利用得到的色调选择更加完备。

主色调不宜太多，最好不要超过三个主色调页面彩辅色调仅次与主色调的视觉面积的协助色，是烘托主色调、支持主色调、起到融合主色调效果的协助色调。点睛色在小范围内点上猛烈的颜色来突出主题效果，使页面更加显明生动。背景色衬托环绕整体的色调，协调、支配整体的作用。基本配色:///sheji/peise/1/menu01_1002.htm制定配色方案基本配色制定配色方案基本配色制定配色方案基于色相的配色关系以色相环中的红色为基础进行的配色方案分析。接受不同色调的同一色相时，称之为“同一色相配色”；而接受两侧相近颜色时，称之为“类似色相配色”。制定配色方案基于色相的配色关系在色相环中位于红色对面的青绿色是红色的补色补色的概念就是完全相反的颜色。在以红色为基准的色相环中，蓝紫色到黄绿色范围之间的颜色为红色的相反色相。相反色相配色是指搭配运用色相环中相距较远颜色的配色方案，这与同一色相配色或类似色相配色相比更具变更感。制定配色方案基于色相的配色关系——相反色相，类似色调配色这种配色方案是接受相反色相类似色调的配色方案。虽然运用了相反的色相，但通过运用类似的色调可以得到特殊配色效果。而影响这种配色方案效果的最重要的因素在于运用的色调。当运用了彩度比较高的显明色调时，所运用色相效果将被突出从而得到较强的动态效果；当运用了彩度较低的黑暗色调时，即使运用了多种不同的色相也能够得到较安静沉重的效果，这是因为运用暗色调时色相的差异也会变得不太明显。制定配色方案基于色相的配色关系——相反色相，类似色调配色制定配色方案基于色相的配色关系——相反色相，类似色调配色制定配色方案基于色相的配色关系——相反色相，相反色调配色利用相反色相和相反色调的配色方案，因为接受了相反的色相和色调，所以得到的效果具有猛烈的变更感和逆向性。假如说类似色调配色方案能够凝造整齐的氛围，那么相反色调配色方案凝造出的，就是一种强弱分明的氛围。影响这种配色方案效果的最大的因素在于所选颜色在整体画面中所占的比例。制定配色方案基于色相的配色关系——相反色相，相反色调配色在图中，高彩度的红色与背景中暗绿色形成显明的对比。相反色相、相反色调配色方案通常用于突出显示较暗背景中一个较亮对象。制定配色方案基于色相的配色关系——相反色相，相反色调配色制定配色方案基于色相的配色关系——非彩色和彩色利用非彩色和彩色进行配色的方法。非彩色主要由白色、黑色以及过渡阶段中的灰色构成，在与彩色搭配运用时，它们可以起到突出彩色的效果。通过搭配运用高亮度的彩色和白色以及亮灰色，可以得到光明轻快的效果。而低两度彩色和黑色以及暗灰色，可以得到黑暗沉重的效果。制定配色方案基于色相的配色关系——非彩色和彩色红色的裙子与黑色的斗篷形成了显明的对比，高亮度的红色在黑色的衬托下显得更显明。而这种较强的对比会自然地吸引住鉴赏者的目光。黑色的斗篷同时也在衬托孩子洁白的皮肤制定配色方案基于色相的配色关系——非彩色和彩色制定配色方案基于色调的配色关系上一幅图像的基本色调为“苍白”色调。同一色调配色是指选择同一色调不同色相颜色的配色方案，例如运用“鲜红色（VividRed）”与“鲜黄色（VividYellow）”的配色方案。制定配色方案基于色调的配色关系类似色调配色是指运用如“清澈”、“灰亮”等类似基准色调的配色方案，这些色调在色调表中比较靠近基准色调。相反色调配色是指示运用如“深暗”、“黑暗”等与基准色调相反色调的配色方案，这些色调在色调表中远离基准色调。这种配色方案的着重点在于色调的变更，它主要通过对同一色相或类似色相设置不同的色调得到不同的颜色效果。基于色调的配色方案的优点在于，通过运用同一色相或类似色相尽可能地削减色相运用范围。这种配色方案在欧洲得到较好发挥，而大部分国家的纸币也运用了这种配色方案。通过运用多种不同的亮色调，可以制造出具有显明对比感的效果；而运用多种不同的暗色调，可以制造出冷静温顺的效果。制定配色方案基于色调的配色关系——同一或类似色相，类似色调配色这是运用同一或类似色相的同时运用类似色调的配色方案，在全部配色方案中能够凝造出最猛烈的冷静整齐感觉。但当运用了极为华丽显明的色相时，也可以得到猛烈变更的感觉。制定配色方案读书少女的背景以及衣着等都是用了类似色相、类似色调的黄色和橙色，给人一种安详安静的感觉。这种配色方案在诸多印象派画家的作品中得到了淋漓尽致的发挥。基于色调的配色关系——同一或类似色相，类似色调配色制定配色方案基于色