如何将RGB格式的颜色转换为Hex格式,反之亦然?
例如,转换'#0080C0'为(0, 128, 192).
我正在尝试编写一个将背景的短手css声明转换为长手的函数.我写了下面的函数,但它有几个问题.一个没有考虑到background-color可以是颜色值,如black,yellow.另外,如果某些属性包含inherit和none?这是一个例子:
url('http://2.bp.blogspot.com/-h28qvOsfm1c/TaGyO_qAFcI/AAAAAAAAA9w/I7zPQLy0zVM/s640/funny-image.jpg') inherit inherit 0 0 #FFFFFF;
Run Code Online (Sandbox Code Playgroud)
将上面的内容转换为CSS长手.这是我的功能,可以改进以涵盖其他情况吗?
function rewrite_background($b){
$long_hand = "";
$count = count($b);
for($i=0; $i < $count; $i++){
if(stripos($b[$i], '#') !== false){
$long_hand .= 'background-color: '.$b[$i].'; ';
unset($b[$i]);
}else if(stripos($b[$i], 'url') !== false){
$long_hand .= 'background-image: '.$b[$i].'; ';
unset($b[$i]);
}else if((stripos($b[$i], 'repeat') !== false) || (stripos($b[$i], 'no-repeat') !== false) || (stripos($b[$i], 'repeat-x') !== false) || (stripos($b[$i], 'repeat-y') !== false)){
$long_hand .= 'background-repeat: '.$b[$i].'; ';
unset($b[$i]);
}else if((stripos($b[$i], …Run Code Online (Sandbox Code Playgroud) 我想知道DOM元素是否具有例如颜色的样式:红色.如果这是在内联样式上定义的,就像
<input type="text" style="color:Red">
Run Code Online (Sandbox Code Playgroud)
我可以使用JavaScript轻松搞定
但是如果它是在角色上定义的呢?我的意思是作为一个css类并将类分配给DOM元素
使用javascript我知道我可以通过一些方法调用computedStyle获取颜色并给它属性的名称,但它带来了我在Firefox中的RGB数字模式的颜色和在IE中获取颜色名称
我的问题是如何将RGB转换为简单的颜色名称?
我已经构建了一个 name-[rgb] Javascript 对象。你的基本情况:
namedColors = {
AliceBlue: [240, 248, 255],
AntiqueWhite: [250, 235, 215],
...
Run Code Online (Sandbox Code Playgroud)
目的。但我突然想到,我应该能够获取一个名称字符串“AliceBlue”,比如说……并让 JavaScript 找到它的某种 RGB 表示形式(十六进制就可以了)。我知道浏览器中至少藏有 140 种命名颜色,但我似乎找不到它们。
是否有 CSS 或“style=...”特技可以让我查找颜色名称的 RGB 表示形式?
我想使用用户输入更改页面的背景颜色.到目前为止这是我的代码..
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<script type = "text/javascript">
function paintIt(){
color = prompt("Enter the color you want on the Background???");
switch (color){
}
}
</script>
<form>
<input type = "button" value = "Paint Me" onclick ="paintIt()">
</form>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
而我的简单css
html {font-family:Arial, Helvetica, sans-serif; colour:#fff;}
body{background-color:#ccc; margin:0;}
Run Code Online (Sandbox Code Playgroud)
谢谢