jQuery RGBを六角の色の値に変換します

この記事では、RGBの色の値を16進（16進）値に変換するためのJavaScriptとPHP関数を示し、その逆です。 これは、jQueryを使用してHTMLの色を動的に操作する場合に特に便利です。

rgbから16進変換（JavaScript -method 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から16進変換（JavaScript -method 2）：

この方法では、ヘルパー機能を使用して、読みやすさと保守性を向上させます。

hexからRGB変換（JavaScript）：

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

この関数は、コンポーネントを正しく処理するために改善が必要です。

ghexからRGB変換（PHP）：

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"));

よくある質問（FAQ）：

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

FAQSセクションは、提供された情報が正確で関連性があるため、ほとんど変わらないままです。 jQueryコンテキスト内で提供された関数を使用する方法の例を追加して、記事の実用的な価値を高めることを検討してください。

以上がjQuery RGBを六角の色の値に変換しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。