相关疑难解决方法(0)

在Javascript中将rgb字符串转换为十六进制

我正在使用TweenMax JS库和ColorPropsPlugin,它将补间以多种格式指定的颜色值,我遇到的问题是结果总是以字符串的形式:

"rgb(255,255,255)"
Run Code Online (Sandbox Code Playgroud)

如何将其转换为十六进制数字,如:

0xffffff
Run Code Online (Sandbox Code Playgroud)

javascript rgb hex

19
推荐指数
4
解决办法
2万
查看次数

如何从JS中的字符串中获取十六进制整数?

我想转换一下:"#FFFFFF"到这个:0xFFFFFF.如果不使用eval怎么可能?

提前致谢,

javascript hex

15
推荐指数
1
解决办法
2万
查看次数

在javascript中平均2个十六进制颜色

好吧,我想把这个扔到那里供人群思考.

给定一个函数 (用javascript编写),期望两个字符串形成像十六进制颜色(ex#FF0000)

返回一个十六进制颜色,它是两种颜色的平均值.

function averageColors(firstColor,secondColor)
{
  ...
  return avgColor;
}
Run Code Online (Sandbox Code Playgroud)

- 编辑 -

平均值将被定义为 在此输入图像描述

如果通过的颜色是黄色而第二个是浅紫色,则返回的颜色将是中等橙色

javascript hex colors

14
推荐指数
4
解决办法
6655
查看次数

RGB到XYZ和LAB颜色转换

我在将颜色从RGB转换为LAB空间时遇到问题应该直接使用这里的公式,只是我得到了错误的值

  • RGB = 56,79,132

  • X = 8.592

  • Y = 8.099
  • Z = 22.940

和CIE-L*ab as

  • L*34.188
  • a*8.072
  • b*-32.478

这是我的代码; 但我看不出哪里出错了.这可能是因为像我之前的这个家伙一样的浮点数.谢谢.

// user colour
var Red   = 56;
var Green = 79;
var Blue  = 132;

// user colour converted to XYZ space
XYZ = RGBtoXYZ(Red,Green,Blue)
var colX = XYZ[0];
var colY = XYZ[1];
var colZ = XYZ[2];

// alert(XYZ)

LAB = XYZtoLAB(colX, colY, colZ)

alert(LAB)

function RGBtoXYZ(R, G, B)
{
    var_R = parseFloat( R / 255 …
Run Code Online (Sandbox Code Playgroud)

javascript rgb

13
推荐指数
2
解决办法
1万
查看次数

如何为 CSS 中 HTML 输入类型颜色字段的值添加透明度?

在我的 CSS 中,我需要一种基于用户选择颜色的颜色。选择的颜色使用 80% 的固定透明度。

以下表单元素将让用户轻松选择颜色。

<input type=color value=#00ffff> // #00ffff
Run Code Online (Sandbox Code Playgroud)

但是如何在 CSS 中为其添加透明度?

rgba(#00ffff,.8) // doesn't work
Run Code Online (Sandbox Code Playgroud)

更新:我特别问了如何在 CSS 中而不是在 JS 中做到这一点。顺便说一句,它适用于 PHP 驱动的 CMS。我不想强迫用户使用 JS,而且我不想用 PHP 编写转换函数。

可能我必须等待 CSS4(SASS/LESS 之类的)颜色函数,或者使用 hsla/rgba 模式属性功能增强输入类型颜色元素。

html css transparency input

13
推荐指数
4
解决办法
1万
查看次数

评估HEX值是暗还是亮

我正在构建的ASP.NET Web应用程序的用户可以选择颜色以用于某些元素(例如按钮/标题)以促进某种程度的个性化.

问题是,默认情况下,这些图层上的文字是黑色的...我要做的是评估用户通过选择器选择的HEX值,并以编程方式在黑白文本之间切换 - 这可以是JavaScript,或代码背后.

问题的关键在于我只是不确定如何评估HEX以确定所选颜色与黑色的接近度是否太接近使用黑色文本.

有任何想法吗?

javascript css asp.net user-experience

12
推荐指数
3
解决办法
7255
查看次数

从线性渐变颜色值中获取背景颜色

我怎么能得到color-codelinear gradient使用值jQuery.Suppose如果我有一个linear gradient

background:linear-gradient(to right, #fff 87%,rgba(238,237,233,0) 100%);
Run Code Online (Sandbox Code Playgroud)

我怎么能从这里提取颜色代码.我应该得到最终输出,就像#fff在这种情况下..我尝试使用

$('selector').css('background-color');
Run Code Online (Sandbox Code Playgroud)

这对我没有帮助我得到颜色代码.有人可以帮我解决这个问题.谢谢.. :)

jquery

10
推荐指数
1
解决办法
1816
查看次数

HTML5 输入类型 Color 读取单个 RGB 值

通过浏览器上的此代码,用户可以使用许多字段,它可以更改 R、G、B、HEX VALUE、HUE ecc。我只需要读取红色值。

  <input id="color_pick"type="color" value="#ff0000">

var toread = document.getElementById('color_pick');
toread.value # get the hex 
toread.value.red() # would it be possible to get r?
Run Code Online (Sandbox Code Playgroud)

我已阅读此文档,但无法弄清楚如何从输入中获取单个 R 值。

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Input/color

html javascript

8
推荐指数
2
解决办法
1万
查看次数

如何在Javascript中比较backgroundColor?

为什么这不起作用?即使颜色等于#ECECF4它仍然提醒"否".它正在我测试它时选择corrent元素.有没有更好的方法来写这个?

<script type="text/javascript">

function weekclick() {
    if (document.getElementById('w1').style.backgroundColor == "#ECECF4") {
        alert("Yes");
    } else {
        alert("No");
    }
}

</script>
Run Code Online (Sandbox Code Playgroud)

html javascript css

7
推荐指数
1
解决办法
2万
查看次数

如何使用CSS在HTML中设置外部SVG颜色?

我想在我的网页上使用SVG.

但它的颜色是黑色的.所以,我希望它能被改变.所以,我做了 -

.red_color_svg
{
    color: red;
    border: 5px solid currentColor;
    fill: currentColor;
}
Run Code Online (Sandbox Code Playgroud)
<object type="image/svg+xml" data="https://rawcdn.githack.com/encharm/Font-Awesome-SVG-PNG/master/black/svg/heart.svg" class="weather_icon red_color_svg circle"></object>
Run Code Online (Sandbox Code Playgroud)

导入heart_border.svg文件并使其颜色为红色.但它不会像你看到输出那样起作用.

任何人都可以帮我解决这个问题吗?

非常感谢您提前帮助.

html javascript css svg css3

6
推荐指数
3
解决办法
9198
查看次数

标签 统计

javascript ×8

css ×4

html ×4

hex ×3

rgb ×2

asp.net ×1

colors ×1

css3 ×1

input ×1

jquery ×1

svg ×1

transparency ×1

user-experience ×1