Статьи

jQuery конвертировать RGB в шестнадцатеричные значения цвета

Две функции JavaScript для преобразования значений цвета rgb в шестнадцатеричные значения цвета, а затем вторая функция преобразования значений шестнадцатеричных цветов обратно в rgb. Это очень полезно для работы с HTML-цветами и динамического изменения цветов с помощью jQuery .

Функция для преобразования RGB в HEX

function rgb2hex(rgb){ rgb = rgb.match(/^rgb((d+),s*(d+),s*(d+))$/); return "#" + ("0" + parseInt(rgb[1],10).toString(16)).slice(-2) + ("0" + parseInt(rgb[2],10).toString(16)).slice(-2) + ("0" + parseInt(rgb[3],10).toString(16)).slice(-2); } 

Функция для преобразования RGB в шестнадцатеричное (версия 2)

 function RGB2Color(r,g,b) { return '#' + this.byte2Hex(r) + this.byte2Hex(g) + this.byte2Hex(b); } function byte2Hex (n) { var nybHexString = "0123456789ABCDEF"; return String(nybHexString.substr((n >> 4) & 0x0F,1)) + nybHexString.substr(n & 0x0F,1); } 

Функция для преобразования Hex в RGB

 function hexToRgb(h) { var r = parseInt((cutHex(h)).substring(0,2),16), g = ((cutHex(h)).substring(2,4),16), b = parseInt((cutHex(h)).substring(4,6),16) return r+''+b+''+b; } function cutHex(h) {return (h.charAt(0)=="#") ? h.substring(1,7):h} //usage console.log(hexToRgb("#FFFFFF")); 

Функция для преобразования HEX в RGB (PHP)

 function hex2rgb( $colour ) { if ( $colour[0] == '#' ) { $colour = substr( $colour, 1 ); } if ( strlen( $colour ) == 6 ) { list( $r, $g, $b ) = array( $colour[0] . $colour[1], $colour[2] . $colour[3], $colour[4] . $colour[5] ); } elseif ( strlen( $colour ) == 3 ) { list( $r, $g, $b ) = array( $colour[0] . $colour[0], $colour[1] . $colour[1], $colour[2] . $colour[2] ); } else { return false; } $r = hexdec( $r ); $g = hexdec( $g ); $b = hexdec( $b ); return array( 'red' => $r, 'green' => $g, 'blue' => $b ); }