Перетворити шістнадцятковий колір на значення RGB у PHP


82

Що було б хорошим способом перетворити шістнадцяткові значення кольорів, як-от #ffffffна єдині значення RGB, 255 255 255використовуючи PHP?


Ці два шестигранники однакові? Перший представляє білий, другий чорний ... що ви намагаєтесь зробити?
BenOfTheNorth

$output = sprintf('%06x', 0xffffff - hexdec(ltrim($input, '#'));однак це, мабуть, надто спрощено, і ви, мабуть, захочете проаналізувати компоненти RGB окремо, поясніть, що саме ви хочете зробити.
DaveRandom

Ваш приклад цільового подання (а) не формує жодного представлення кольору, який я бачив, і (б) не відповідає вашим вимогам "без #".
Квентін

#ffffffі #00000представляє білий і чорний відповідно. А для року інформація #00000- це також шістнадцяткове число, а не ціле число. Тут fпредставлено 15.
Раві,

Що ви маєте на увазі під перетворенням і лише з використанням цілого числа ?
Sverri M. Olsen

Відповіді:


56

Ознайомтеся з PHP hexdec()та dechex()функціями: http://php.net/manual/en/function.hexdec.php

Приклад:

$value = hexdec('ff'); // $value = 255

7
Щоб використати цю відповідь для повного перетворення із заданого шістнадцяткового значення у rgb, є один із варіантів: $split_hex_color = str_split( $hex_color, 2 ); $rgb1 = hexdec( $split_hex_color[0] ); $rgb2 = hexdec( $split_hex_color[1] ); $rgb3 = hexdec( $split_hex_color[2] );
thenomadicmann

289

Якщо ви хочете перетворити hex у rgb, ви можете використовувати sscanf :

<?php
$hex = "#ff9900";
list($r, $g, $b) = sscanf($hex, "#%02x%02x%02x");
echo "$hex -> $r $g $b";
?>

Вихід:

#ff9900 -> 255 153 0

чи є щось, щоб я міг здійснити конверсію, як я запитував у своєму питанні? Чи можу я отримати вивід, наприклад # 000000
user123_456,

14
Хороший чистий підхід з sscanf(), я поміщаю цей у свою коробку фокусів. На жаль, схоже на те, що ОП занадто ліниво з’ясувати, що ви робите і куди ви йшли з цією ідеєю.
DaveRandom 04.03.13

10
а для стенографічних кольорів ( #ccc): (strlen($hex) === 4) ? list($r, $g, $b) = sscanf($hex, "#%1x%1x%1x") : list($r, $g, $b) = sscanf($hex, "#%2x%2x%2x");
iiic

4
@iiic просто пише тест для свого однокласника. #ccc поверне 12, 12, 12 замість 204, 204, 204, тому, якщо ви повернете його назад у шістнадцятковий, ви отримаєте колір # 0c0c0c.
Джон Лінхарт,

1
# F0F перекладається на # FF00FF, тому для скороченого списку кольорів ($ r, $ g, $ b) = sscanf ('#'. Implode ('', array_map ('str_repeat', str_split (str_replace ('#', '', $ hex)), [2,2,2])), "#% 02x% 02x% 02x");
aconrad

41

Я зробив функцію, яка також повертає альфу, якщо альфа надається як другий параметр, код нижче.

Функція

function hexToRgb($hex, $alpha = false) {
   $hex      = str_replace('#', '', $hex);
   $length   = strlen($hex);
   $rgb['r'] = hexdec($length == 6 ? substr($hex, 0, 2) : ($length == 3 ? str_repeat(substr($hex, 0, 1), 2) : 0));
   $rgb['g'] = hexdec($length == 6 ? substr($hex, 2, 2) : ($length == 3 ? str_repeat(substr($hex, 1, 1), 2) : 0));
   $rgb['b'] = hexdec($length == 6 ? substr($hex, 4, 2) : ($length == 3 ? str_repeat(substr($hex, 2, 1), 2) : 0));
   if ( $alpha ) {
      $rgb['a'] = $alpha;
   }
   return $rgb;
}

Приклад функціональних відповідей

print_r(hexToRgb('#19b698'));
Array (
   [r] => 25
   [g] => 182
   [b] => 152
)

print_r(hexToRgb('19b698'));
Array (
   [r] => 25
   [g] => 182
   [b] => 152
)

print_r(hexToRgb('#19b698', 1));
Array (
   [r] => 25
   [g] => 182
   [b] => 152
   [a] => 1
)

print_r(hexToRgb('#fff'));
Array (
   [r] => 255
   [g] => 255
   [b] => 255
)

Якщо ви хочете повернути rgb (a) у форматі CSS, просто замініть return $rgb;рядок у функції наreturn implode(array_keys($rgb)) . '(' . implode(', ', $rgb) . ')';


33

Для тих, хто зацікавлений, це ще один дуже простий спосіб зробити це. Цей приклад передбачає наявність рівно 6 символів і жодного попереднього знака фунта.

list($r, $g, $b) = array_map('hexdec', str_split($colorName, 2));

Ось приклад, що підтримує 4 різні входи (abc, aabbcc, #abc, #aabbcc):

list($r, $g, $b) = array_map(
  function ($c) {
    return hexdec(str_pad($c, 2, $c));
  },
  str_split(ltrim($colorName, '#'), strlen($colorName) > 4 ? 2 : 1)
);

11
Використовуйте ltrim($colorName, '#')замість того, $colorNameщоб подбати про #, якщо він може бути там
mikeytown2

Ого, ваш 2-й рядок коду неймовірний ... він приймає # чи ні, і 3 або 6 символів. Я думаю, що це найкращий підхід серед будь-яких прикладів коду на цій сторінці. Я роблю закладки для майбутніх проектів.
hargobind

14

За допомогою функції hexdec(hexStr: String)можна отримати десяткове значення шістнадцяткового рядка.

Див. Приклад нижче:

$split = str_split("ffffff", 2);
$r = hexdec($split[0]);
$g = hexdec($split[1]);
$b = hexdec($split[2]);
echo "rgb(" . $r . ", " . $g . ", " . $b . ")";

Це надрукує rgb(255, 255, 255)


Простіше рішення для розуміння та застосування. Так!
Дієго Сомар

5

Я підходив до піклування про шістнадцяткові кольори з хешем чи без нього, одиничні значення або значення пари:

function hex2rgb ( $hex_color ) {
    $values = str_replace( '#', '', $hex_color );
    switch ( strlen( $values ) ) {
        case 3;
            list( $r, $g, $b ) = sscanf( $values, "%1s%1s%1s" );
            return [ hexdec( "$r$r" ), hexdec( "$g$g" ), hexdec( "$b$b" ) ];
        case 6;
            return array_map( 'hexdec', sscanf( $values, "%2s%2s%2s" ) );
        default:
            return false;
    }
}
// returns array(255,68,204)
var_dump( hex2rgb( '#ff44cc' ) );
var_dump( hex2rgb( 'ff44cc' ) );
var_dump( hex2rgb( '#f4c' ) );
var_dump( hex2rgb( 'f4c' ) );
// returns false
var_dump( hex2rgb( '#f4' ) );
var_dump( hex2rgb( 'f489' ) );

5

Ви можете спробувати цей простий фрагмент коду нижче.

list($r, $g, $b) = sscanf(#7bde84, "#%02x%02x%02x");
echo $r . "," . $g . "," . $b;

Це поверне 123 222 132


4

Перетворити кольоровий код HEX на RGB

$color = '#ffffff';
$hex = str_replace('#','', $color);
if(strlen($hex) == 3):
   $rgbArray['r'] = hexdec(substr($hex,0,1).substr($hex,0,1));
   $rgbArray['g'] = hexdec(substr($hex,1,1).substr($hex,1,1));
   $rgbArray['b'] = hexdec(substr($hex,2,1).substr($hex,2,1));
else:
   $rgbArray['r'] = hexdec(substr($hex,0,2));
   $rgbArray['g'] = hexdec(substr($hex,2,2));
   $rgbArray['b'] = hexdec(substr($hex,4,2));
endif;

print_r($rgbArray);

Вихідні дані

Array ( [r] => 255 [g] => 255 [b] => 255 )

Я знайшов це посилання звідси - Перетворити кольоровий шістнадцятковий на RGB та RGB на шістнадцятковий за допомогою PHP


3

Я відповів @ John та коментар / ідею @ iic разом у функцію, яка може обробляти як звичайні шістнадцяткові коди кольорів, так і скорочені коди кольорів.

Коротке пояснення:

За допомогою scanf я читаю значення r, g та b із шістнадцяткового кольору як рядки. Не так, як шістнадцяткові значення, як у відповіді @ John. У разі використання скорочених кодів кольорів, рядки r, g та b потрібно подвоїти ("f" -> "ff" тощо) перед перетворенням їх у десяткові знаки.

function hex2rgb($hexColor)
{
  $shorthand = (strlen($hexColor) == 4);

  list($r, $g, $b) = $shorthand? sscanf($hexColor, "#%1s%1s%1s") : sscanf($hexColor, "#%2s%2s%2s");

  return [
    "r" => hexdec($shorthand? "$r$r" : $r),
    "g" => hexdec($shorthand? "$g$g" : $g),
    "b" => hexdec($shorthand? "$b$b" : $b)
  ];
}

0

спробуйте це, він перетворює свої аргументи (r, g, b) у шістнадцятковий рядок HTML-кольору #RRGGBB Аргументи перетворюються на цілі числа та обрізаються в діапазон 0..255

<?php
function rgb2html($r, $g=-1, $b=-1)
{
    if (is_array($r) && sizeof($r) == 3)
        list($r, $g, $b) = $r;

    $r = intval($r); $g = intval($g);
    $b = intval($b);

    $r = dechex($r<0?0:($r>255?255:$r));
    $g = dechex($g<0?0:($g>255?255:$g));
    $b = dechex($b<0?0:($b>255?255:$b));

    $color = (strlen($r) < 2?'0':'').$r;
    $color .= (strlen($g) < 2?'0':'').$g;
    $color .= (strlen($b) < 2?'0':'').$b;
    return '#'.$color;
}
?>

о, і навпаки

# символ на початку можна опустити. Функція повертає масив із трьох цілих чисел у діапазоні (0..255) або false, якщо не вдається розпізнати кольоровий формат.

<?php
function html2rgb($color)
{
    if ($color[0] == '#')
        $color = substr($color, 1);

    if (strlen($color) == 6)
        list($r, $g, $b) = array($color[0].$color[1],
                                 $color[2].$color[3],
                                 $color[4].$color[5]);
    elseif (strlen($color) == 3)
        list($r, $g, $b) = array($color[0].$color[0], $color[1].$color[1], $color[2].$color[2]);
    else
        return false;

    $r = hexdec($r); $g = hexdec($g); $b = hexdec($b);

    return array($r, $g, $b);
}
?>


0

Це єдине рішення, яке спрацювало для мене. Деякі відповіді були недостатньо послідовними.

    function hex2rgba($color, $opacity = false) {

        $default = 'rgb(0,0,0)';

        //Return default if no color provided
        if(empty($color))
              return $default;

        //Sanitize $color if "#" is provided
            if ($color[0] == '#' ) {
                $color = substr( $color, 1 );
            }

            //Check if color has 6 or 3 characters and get values
            if (strlen($color) == 6) {
                    $hex = array( $color[0] . $color[1], $color[2] . $color[3], $color[4] . $color[5] );
            } elseif ( strlen( $color ) == 3 ) {
                    $hex = array( $color[0] . $color[0], $color[1] . $color[1], $color[2] . $color[2] );
            } else {
                    return $default;
            }

            //Convert hexadec to rgb
            $rgb =  array_map('hexdec', $hex);

            //Check if opacity is set(rgba or rgb)
            if($opacity){
                if(abs($opacity) > 1)
                    $opacity = 1.0;
                $output = 'rgba('.implode(",",$rgb).','.$opacity.')';
            } else {
                $output = 'rgb('.implode(",",$rgb).')';
            }

            //Return rgb(a) color string
            return $output;
    }
    //hex2rgba("#ffaa11",1)

0
function RGB($hex = '')
{
    $hex = str_replace('#', '', $hex);
    if(strlen($hex) > 3) $color = str_split($hex, 2);
    else $color = str_split($hex);
    return [hexdec($color[0]), hexdec($color[1]), hexdec($color[2])];
}

Хоча цей код може вирішити питання, включаючи пояснення того, як і чому це вирішує проблему, насправді допомогло б поліпшити якість вашої публікації, і, можливо, призведе до більшої кількості голосів. Пам’ятайте, що ви відповідаєте на запитання читачам у майбутньому, а не лише тому, хто задає зараз. Будь ласка, відредагуйте свою відповідь, щоб додати пояснення та вказати, які обмеження та припущення застосовуються.
Дхарман

0
Enjoy    

public static function hexColorToRgba($hex, float $a){
        if($a < 0.0 || $a > 1.0){
            $a = 1.0;
        }
        for ($i = 1; $i <= 5; $i = $i+2){
            $rgb[] = hexdec(substr($hex,$i,2));
        }
        return"rgba({$rgb[0]},{$rgb[1]},{$rgb[2]},$a)";
    }

Відповідаючи, набагато корисніше, якщо ви поясните, чому це найкраще рішення. Мета - навчити, а не просто вирішити конкретну проблему.
Олов'яна людина,

0

Моє рішення: (Підтримує короткі позначення)

$color = "#0ab";
$colort = trim( $color );
if( $colort and is_string( $color ) and preg_match( "~^#?([abcdef0-9]{3}|[abcdef0-9]{6})$~ui", $colort ))
{
    if( preg_match( "~^#?[abcdef0-9]{3}$~ui", $colort ))
    {
        $hex = trim( $colort, "#" );
        list( $hexR, $hexG, $hexB ) = str_split( $hex );
        $hexR .= $hexR;
        $hexG .= $hexG;
        $hexB .= $hexB;
    }
    else
    {
        $hex = trim( $colort, "#" );
        list( $hexR, $hexG, $hexB ) = str_split( $hex, 2 );
    }

    $colorR = hexdec( $hexR );
    $colorG = hexdec( $hexG );
    $colorB = hexdec( $hexB );
}

// Test
echo $colorR ."/" .$colorG ."/" .$colorB;
// → 0/170/187
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.