![](/img/trans.png)
[英]Get Hex Value From Farbtastic and convert to RGB for use in imagefilter in php
[英]How to convert box shadow values from RGB value to HEX values
我想將box-shadow:rgb(255, 255, 255) 10px 10px 0px , rgb(0, 0, 0) 10px 10px 0px, rgb(255, 255, 255) 10px 10px 0px
為box-shadow:#FFF 10px 10px 0px , #000 10px 10px 0px, #FFF 10px 10px 0px
誰能幫我這個忙。
提前致謝。
要將RGB轉換為十六進制,您需要為每個r,g和b找到不同的源,並根據長度找到每個源的十六進制
function findMyHex(get) {
var hex = get.toString(16);
return hex.length == 1 ? "0" + hex : hex;
}
function tohex(r, g, b) {
return "#" + findMyHex(r) + findMyHex(g) + findMyHex(b);
}
console.log(tohex(255, 255, 255));
希望這會幫助你。
在javascript中,您可以使用.toString(base)
將數字轉換為另一個基數(在這種情況下,其基數為16-> 十六進制 )。
一個例子:
var r = 255;
var g = 128;
var b = 219;
var hex = "#" + r.toString(16) + g.toString(16) + b.toString(16);
// hex = #ff80db
您只需要在所需的文本中循環運行類似的內容,然后替換所有出現的內容。
也許過分殺了,
function rgbToHex(str_rgb, withShorts, b) {
var r, g, h;
if (arguments.length < 3) {
withShorts = !!withShorts;
h = str_rgb.match(/rgba?\( *(\d+) *, *(\d+) *, *(\d+)/);
r = +h[1];
g = +h[2];
b = +h[3];
} else {
r = str_rgb | 0, g = withShorts | 0, b = b | 0;
withShorts = !!arguments[3];
}
r = r.toString(16), g = g.toString(16), b = b.toString(16);
r = ('0' + r).slice(-2), g = ('0' + g).slice(-2), b = ('0' + b).slice(-2);
if (withShorts) {
if (r[0] === r[1])
if(g[0] === g[1])
if (b[0] === b[1])
return '#' + (r[0] + g[0] + b[0]).toUpperCase();
}
return '#' + (r + g + b).toUpperCase();
}
現在有
// ints
rgbToHex(255, 255, 255); // "#FFFFFF"
rgbToHex(255, 255, 255, true); // "#FFF"
// strings
rgbToHex('rgb(255, 255, 255)'); // "#FFFFFF"
rgbToHex('rgb(255, 255, 255)', true); // "#FFF"
// ignores alpha
rgbToHex('rgba(255, 255, 255, 0)'); // "#FFFFFF"
// does padding
rgbToHex(1, 10, 14); // "#010A0E"
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.