jQuery を使用して RGB を 16 進数のカラー値に変換するにはどうすればよいですか?-jsチュートリアル-php.cn

jQuery を使用して RGB を 16 進数のカラー値に変換するにはどうすればよいですか?

Susan Sarandon

リリース： 2024-12-10 15:24:17

オリジナル

913 人が閲覧しました

How Can I Convert RGB to Hexadecimal Color Values Using jQuery?

jQuery を使用した RGB から 16 進数のカラー値への変換

jQuery の css() メソッドを使用すると、開発者は要素の背景色の値を RGB 文字列として取得できます。これは便利ですが、16 進数のカラー値が優先される場合もあります。

16 進値を取得するには、次のスクリプトを検討してください。

const rgba2hex = (rgba) => `#${rgba.match(/^rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*(\d+\.{0,1}\d*))?\)$/).slice(1).map((n, i) => (i === 3 ? Math.round(parseFloat(n) * 255) : parseFloat(n)).toString(16).padStart(2, '0').replace('NaN', '')).join('')}`;

ログイン後にコピー

この関数は、RGB と RGBA の両方をサポートします。カラーフォーマットに対応しており、さまざまなシナリオに多用途に使用できます。これを使用するには、RGB または RGBA 値を入力として指定するだけです:

const hexValue = rgba2hex('rgb(255, 255, 255)'); // Returns '#FFFFFF'

ログイン後にコピー

以上がjQuery を使用して RGB を 16 進数のカラー値に変換するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。