SYNCERのロゴ
アイキャッチ画像

HEXをRGBに変換する方法

PHPを使って、カラーコードのHEX(例: #FF0000)をRGB(例: 255,0,0)に変換します。

サンプルコード

HEX値を三等分したそれぞれの値を、16進数から10進数に変換すると、RGB値になります。

<?php
function hex2rgb ( $hex ) {
	if ( substr( $hex, 0, 1 ) == "#" ) $hex = substr( $hex, 1 ) ;
	if ( strlen( $hex ) == 3 ) $hex = substr( $hex, 0, 1 ) . substr( $hex, 0, 1 ) . substr( $hex, 1, 1 ) . substr( $hex, 1, 1 ) . substr( $hex, 2, 1 ) . substr( $hex, 2, 1 ) ;
	return array_map( "hexdec", [ substr( $hex, 0, 2 ), substr( $hex, 2, 2 ), substr( $hex, 4, 2 ) ] ) ;
}

hex2rgb( "#ff8040" ) ;	// [ 255, 128, 64 ]

デモ

好きなHEX値を指定して、RGBに変換してみて下さい。

<?php
/*** このコードは編集できます。 ***/

function hex2rgb ( $hex ) {
	if ( substr( $hex, 0, 1 ) == "#" ) $hex = substr( $hex, 1 ) ;
	if ( strlen( $hex ) == 3 ) $hex = substr( $hex, 0, 1 ) . substr( $hex, 0, 1 ) . substr( $hex, 1, 1 ) . substr( $hex, 1, 1 ) . substr( $hex, 2, 1 ) . substr( $hex, 2, 1 ) ;
	return array_map( "hexdec", [ substr( $hex, 0, 2 ), substr( $hex, 2, 2 ), substr( $hex, 4, 2 ) ] ) ;
}

var_dump( hex2rgb( "#ff8040" ) ) ;
  • Twitterでシェア
  • Facebookでシェア
  • Google+でシェア
  • はてなブックマークでシェア
  • pocketに保存
  • LINEでシェア
更新履歴
2017年9月13日 (水)
コンテンツを公開しました。