相关疑难解决方法(0)

如何将RGB格式的颜色转换为Hex格式,反之亦然？

例如,转换'#0080C0'为(0, 128, 192).

我有这样一个元素:

<p>My text with a <strong class="highlighted">sample highlight</strong>.<p>

CSS类就像这样:

.highlighted {
    background: #f0ff05;
    font-weight: normal;
}

但是当我使用这样的jQuery时:

$(".highlighted").css("backgroundColor");

它回来了rgb(240, 255, 5).我可以编写一些函数来从rgb转换为十六进制,但我想知道是否有一些方法让jQuery返回十六进制格式的值.

在CSS中,我们可以使用几种不同的方法来定义颜色:

• 颜色词: red
• 十六进制: #FF0000
• 红色/绿色/蓝色通道: rgb(255, 0, 0)
• 色相/饱和度/亮度: hsl(0, 100%, 50%)

_{我确实意识到使用命名颜色并不是一个好主意,因为不同的浏览器都有自己的想法aquamarine.}

忽略alpha通道和浏览器支持,这四种方法之间在性能方面有什么不同吗？

如果我们试图从我们的CSS中挤出最后一点优化,哪一个是首选,如果有的话？颜色值是在内部转换为特定格式,还是其性能取决于其他任何内容(如使用哪个渲染代理或浏览器)？

如果可能,寻找"技术"答案,参考赞赏.

在我的CSS文件中:

a, a:link, a:visited { color:#4188FB; }
a:active, a:focus, a:hover { color:#FFCC00; }

我尝试过:

var link_col = $("a:link").css("color");
alert(link_col); // returns rgb(65, 136, 251)

我怎样才能获得十六进制代码？

***编辑:在这里找到答案:
背景颜色十六进制到JavaScript变量

对我感到羞耻,在发布之前可能会有更好的搜索.

我.hello在css 上课:

<style>
    .hello { color:#ccc }
</style>

如何使用Jquery检查类是否.hello存在样式？
当然,即使在<link href='style.css' />文档中也需要检查所有样式.

我想将#789034代码替换为另一个代码,如#456780,它使用jquery在main.css中找到它

我有一个main.css文件,如下所示:

.common-color
{
  color:#789034;
}

.new-cls
{
  border-color:#789034;
  height:300px;
}

.awesome-one
{
  background-color:#789034;
  height:200px;
  width:300px;
}

我想将#789034代码替换为另一个代码,如#456780,它使用jquery在main.css中找到它:

$(each where code=#789034)
{
  set code: #456780;
}

有没有一种有效的方法来获取当前在HTML Canvas中绘制的颜色列表？

我猜正确的术语是当前复合材料的调色板

使用此代码,我可以获得表格中任何TD的RGB颜色:

alert($(this).css('background-color'));

结果是:

rgb(0,255,0)

是否可以使用jquery获取#000格式或让我使用函数转换#000格式的rgb？

在此先感谢您的帮助

我正在尝试检查元素的背景,这是我的代码.但它不起作用:

我试过两种方法,这是第一种:

function changeColor(field) {
     if(field.css('background-color','#ffb100')) {
          field.css('background-color','white');
     }
     else {
          field.css('background-color','ffb100');
     }
}

这是第二个:

function changeColor(field) {
     if(field.css('background-color') === '#ffb100') {
          field.css('background-color','white');
     }
     else {
          field.css('background-color','ffb100');
     }
}

但都没有奏效!有什么建议？

编辑:这是我的最新代码,但它仍然无法正常工作:

function changeColor(field) {
                if(field.css('background-color') == 'rgb(255, 255, 255)') {
                    field.css('background-color','ffb100');
                }
                else {
                    field.css('background-color','white');
                }
            }

我正在通过javascript创建一个表,一列将包含一个html颜色选择器.我遇到的问题是在Chrome中设置了默认值,但颜色选择器上显示的颜色是黑色.

这是我正在使用的JavaScript

c = r.insertCell(1);
c.setAttribute('class','second');
inp=document.createElement("input"); 
inp.setAttribute('type','color');
inp.setAttribute('id','colo_'+i);
inp.setAttribute('value','#ffffff');
inp.setAttribute('class','datafield');
inp.addEventListener('change', saveFields);
c.appendChild(inp);

这是从if生成的html

<td class ="second">
<input type ="color"id ="colo_0"value ="#8080ff"class ="datafield">
</ td>

这是一个错误还是我做错了什么？