查看十六進制代碼＃a7a7a7的實際顏色的最快方法是什麼？查看任何十六進制代碼＃a7a7a7的實際顏色的最快方法是什麼？
當我在另一個人的CSS上工作時，我希望能夠快速看到該特定十六進制代碼的顏色。
例如：如果我正在編輯記事本中的CSS，並且發現代碼＃a7a7a7，那麼我怎麼能知道這個代碼對應的顏色是什麼？
我已經有工具可以給我一個十六進制值的屏幕上的顏色，但我需要一個相反的。
我不想要彩色圖表;我只想要一個工具將十六進制值轉換爲彩色。
您將記事本拖放爲編輯器並從衆多免費提供的CSS編輯器中選擇一個？
隨便舉個例子： http://speckyboy.com/2008/09/15/7-free-css-editors-which-is-the-best-you-choose/
編輯：那麼......使之成爲一個編程的問題，因爲你是在Windows XP上，我做了一個小HTA application，做顏色代碼預覽：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:hta="http://tempuri.org/microsoft/hta">
<head>
<title>Hex Helper</title>
<hta:application
id="HexColor"
version="0.1"
applicationname="Hex Helper"
sysmenu="yes"
maximizebutton="no"
minimizebutton="no"
border="dialog"
innerborder="no"
scroll="no"
selection="no"
contextmenu="no"
windowstate="normal"
/>
<style type="text/css">
* {
border: 0 none; margin: 0; padding: 0;
}
html, body {
height:100%;
background-color: black;
}
#container {
padding: 5px;
}
#preview {
width: 130px; height: 90px;
border: 2px ridge;
}
#colorcode {
width: 100%;
height: 1.2em;
}
</style>
<script type="text/javascript">
var trim = /^\s+|\s$/g;
var fullColor = /^\s*#?([a-f0-9]{6})\s*$/;
var abbrColor = /^\s*#?([a-f0-9])([a-f0-9])([a-f0-9])\s*$/;
function setColor(hex) {
hex = hex.replace(trim, "");
var preview = document.getElementById("preview");
var m = null;
if (m = fullColor.exec(hex)) {
preview.style.backgroundColor = "#"+m[1];
} else if (m = abbrColor.exec(hex)) {
preview.style.backgroundColor = "#"+m[1]+m[1]+m[2]+m[2]+m[3]+m[3];
}
}
function setValue(preview) {
var colorcode = document.getElementById("colorcode")
colorcode.value=preview.style.backgroundColor;
}
</script>
</head>
<body onload="window.resizeTo(150,150)">
<form action="#" id="container">
<div id="preview" onclick="setValue(this);"></div>
<input id="colorcode" type="text" maxlength="7" onkeyup="setColor(this.value);" />
</form>
</body>
</html>
將上述內容保存到名爲HexHelper.hta的文件中並運行該文件。這是它的樣子。隨時以任何你想要的方式修改。
Hex Helper screen stot http://img203.imageshack.us/img203/8122/hexhelper.png
Photoshop？我不明白這對SO社區來說真的是一個問題，但我在photoshop上工作很多，並且通常在後臺運行photoshop。這樣我就可以輕鬆切換到Photoshop並使用顏色工具查看不同的十六進制值。爲此，網絡上還有大量工具。我特別喜歡的是Color Scheme Designer 3。只需點擊十六進制值並輸入你的顏色十六進制值，它會告訴你它是什麼顏色。
最終你不會需要這些工具，你應該能夠知道哪些代碼映射到了什麼顏色空間。然後就去了解一個特定的十六進制顏色值可能是什麼樣子的感覺。
你沒有得到我的問題..「如果我的屏幕上有一個顏色，那麼我很快就會知道在一些工具的幫助下，這個十六進制代碼是什麼，但我需要與此相反。」 – 2010-04-24 06:34:21
@metal - 他完全理解你的問題。 Photoshop的顏色選擇器允許您輸入十六進制值並查看其代表的顏色。 – 2010-04-24 07:13:56
@Jimmy - 但我已經知道了，並且我要求快速解決方案 – 2010-04-24 07:16:31
搜索了很多後，我發現了一個很好的在線工具來做到這
http://chir.ag/projects/name-that-color/
在這裏我們可以將代碼粘貼和看到的顏色。
alt text http://shup.com/Shup/322305/11032475925-My-Desktop.png
真棒！千里拉也有其他一些很酷的項目 – 2010-04-24 07:08:42
這聽起來可能有點瘋狂，但是啊，這是非常容易和方便的事情。 寫一個純html。
<html>
<body bgcolor="#a7a7a7"></body>
</html>
現在，在您的瀏覽器上打開此頁。繼續改變bgcolor爲你想看到的任何顏色，並刷新瀏覽器:)
另一種選擇是，創建任何html，幷包括你試圖編輯的CSS。在Firefox上打開該頁面，現在使用螢火蟲可以看到顏色。{只需將鼠標懸停在CSS顏色代碼，你將看到的顏色]
alt text http://img707.imageshack.us/img707/764/62889051.jpg
這非常長。我沒有要求這個。只是爲了看到顏色，我不想創建HTML頁面，並去firefox，firegbug。 – 2010-04-24 07:07:47
這個工具是非常有用的，是自由的：
這不是我的問題點，OK告訴我如何在Dreamweaver中查看代碼的顏色？ – 2010-04-24 06:31:09
假設我在Dreamweaver代碼視圖中打開了一個css文件，並且我有一個代碼## a7a7a7，現在該如何查看此代碼的顏色。 – 2010-04-24 06:33:06
@metal：簡單 - 您將Dreamweaver作爲CSS編輯器並且...認真地說，您爲什麼要在錯誤的工具中編輯CSS？不過，我認爲有一個小程序可以滿足你的需求。試圖搜索Windows小工具庫已經？ – Tomalak 2010-04-24 06:34:08