JQuery Tukar RGB ke Nilai Warna Hex

Artikel ini membentangkan fungsi JavaScript dan PHP untuk menukar nilai warna RGB kepada nilai heksadesimal (hex) dan sebaliknya. Ini amat berguna apabila memanipulasi warna HTML secara dinamik menggunakan jQuery.

rgb ke penukaran hex (JavaScript - Kaedah 1):

function rgb2hex(rgb){
  rgb = rgb.match(/^rgb\((\d+),(\d+),(\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 ke penukaran hex (JavaScript - Kaedah 2):

Kaedah ini menggunakan fungsi penolong untuk kebolehbacaan dan kebolehkerjaan yang lebih baik.

function RGB2Color(r,g,b) {
  return '#' + byte2Hex(r) + byte2Hex(g) + byte2Hex(b);
}

function byte2Hex (n) {
  var nybHexString = "0123456789ABCDEF";
  return String(nybHexString.substr((n >> 4) & 0x0F,1)) + nybHexString.substr(n & 0x0F,1);
}

hex to rgb conversion (javascript):

Fungsi ini memerlukan penambahbaikan untuk mengendalikan komponen

dengan betul.

g

function hexToRgb(h) {
    var r = parseInt((cutHex(h)).substring(0,2),16);
    var g = parseInt((cutHex(h)).substring(2,4),16);
    var b = parseInt((cutHex(h)).substring(4,6),16);
    return r + ',' + g + ',' + b; //Corrected return statement
}

function cutHex(h) {return (h.charAt(0)=="#") ? h.substring(1,7):h}

//usage
console.log(hexToRgb("#FFFFFF"));

hex to rgb conversion (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 );
}

Soalan Lazim (Soalan Lazim):

Seksyen Soalan Lazim masih tidak berubah, kerana maklumat yang diberikan adalah tepat dan relevan. Pertimbangkan untuk menambah contoh cara menggunakan fungsi yang disediakan dalam konteks jQuery untuk meningkatkan nilai praktikal artikel.

Atas ialah kandungan terperinci JQuery Tukar RGB ke Nilai Warna Hex. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!