web調色板_網頁配色技巧

⑴ 網路安全色

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是一個簡潔的非失真圖像優化應用工具，幫助你壓縮圖片。

⑻ 網頁配色技巧

⑼ 怎樣將灰度或 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 圖像的精細線條和文本很有用。圖案使用類似半調的方形圖案模擬顏色表中沒有的任何顏色。雜色有助於減少圖像切片邊緣的接縫圖案。

web調色板

與web調色板相關的內容