JQuery konvertieren RGB in Hex -Farbwerte

Dieser Artikel enthält JavaScript- und PHP-Funktionen zum Konvertieren von RGB-Farbwerten in Hexadezimalwerte (HEX) und umgekehrt. Dies ist besonders nützlich, wenn HTML -Farben mit JQuery dynamisch manipulieren.

rgb zu hex Conversion (JavaScript - Methode 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 zu hex Conversion (JavaScript - Methode 2):

Diese Methode verwendet Helferfunktionen, um eine bessere Lesbarkeit und Wartbarkeit zu erhalten.

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 zu RGB -Konvertierung (JavaScript):

Diese Funktion muss verbessert werden, um die g -Komponente korrekt zu behandeln.

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 zu 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 );
}

häufig gestellte Fragen (FAQs):

Der FAQS -Abschnitt bleibt weitgehend unverändert, da die bereitgestellten Informationen korrekt und relevant sind. Erwägen Sie, Beispiele für die Verwendung der bereitgestellten Funktionen innerhalb eines JQuery -Kontextes hinzuzufügen, um den praktischen Wert des Artikels zu verbessern.

Das obige ist der detaillierte Inhalt vonJQuery konvertieren RGB in Hex -Farbwerte. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!