Hướng dẫn hex to rgb php - hex sang rgb php

Theo như chúng tôi biết, nhiều nhà phát triển chủ đề WordPress sử dụng rất nhiều tùy chọn thiết kế bên trong chủ đề của họ, giống như chúng tôi làm. Điều đó có nghĩa là bạn thường cung cấp trình chọn màu để người dùng có thể dễ dàng thay đổi cài đặt màu cho trang web của họ.

Điều này thường có nghĩa là bạn sẽ cần tạo các tệp CSS động thay vì CSS được mã hóa cứng, do đó, người dùng thay đổi màu sắc có thể áp dụng trên trang web ngay lập tức. Đối với các tiêu chuẩn HTML5/CSS3, màu HEX có thể luôn luôn làm tất cả các công việc để bạn cần làm việc với mã màu RGB hoặc RGBA.

Mặc dù đôi khi chúng tôi đã phải vật lộn với điều này, chúng tôi đã tạo ra một hàm trợ giúp PHP nhỏ chuyển đổi chuỗi mã màu Hex thành màu RGB hoặc thậm chí là RGBA. Ví dụ: & nbsp; nếu bạn muốn thêm độ mờ cho màu & nbsp; của một số phần tử & nbsp; và về cơ bản đạt được mã HEX trong suốt.

Lưu trữ hàng đầu được đề xuất bởi Meks recommended by Meks

Chuyển đổi màu Hex thành RGBA & NBSP; - Hàm php

Đây là mã:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

/ * Chuyển đổi chuỗi màu hexdec thành RGB (a) chuỗi *//

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

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

// Trả về mặc định nếu không có màu được cung cấp

if(empty($color))(empty($color))

          return$default;return$default;

// vệ sinh $ color nếu "#" được cung cấp

        if($color[0]=='#'){if ($color[0]=='#'){

& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; $ color = Subrtr ($ color, 1);$color=substr($color,1);

        }}

& nbsp;//Check if color has 6 or 3 characters and get values

        if(strlen($color)==6){if(strlen($color)==6){

                $hex=array($color[0].$color[1],$color[2].$color[3],$color[4].$color[5]);$hex=array($color[0].$color[1], $color[2].$color[3],$color[4].$color[5]);

        }elseif(strlen($color)==3){} elseif(strlen($color)==3){

                $hex=array($color[0].$color[0],$color[1].$color[1],$color[2].$color[2]);$hex= array($color[0].$color[0],$color[1].$color[1], $color[2].$color[2]);

        }else{}else{

                return$default;return $default;

        }}

& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp;//Convert hexadec to rgb

        $rgb=  array_map('hexdec',$hex);$rgb=  array_map('hexdec', $hex);

& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp;//Check if opacity is set(rgba or rgb)

        if($opacity){if($opacity){

& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; if (abs ($ opacity) & gt; 1)if(abs($opacity)>1)

& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; $ opacity = 1.0;$opacity=1.0;

& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; $ output = 'rgba ('.$output ='rgba('.implode(",",$rgb).','.$opacity.')';

        }else{}else{

& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; $ output = 'rgb ('.$output='rgb('.implode(",",$rgb).')';

        }}

& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp;//Return rgb(a) color string

        return$output;return $output;

}

Càng xa càng tốt! Bây giờ chúng tôi sẽ chỉ cho bạn làm thế nào chức năng này có thể hữu ích trong khi tạo CSS động với một ví dụ đơn giản dưới đây.

Ví dụ sử dụng:

/ * Đây là một ví dụ sử dụng cách sử dụng chức năng này cho động lực tạo CSS */

$color='#ffa226';color='#ffa226';

$rgb=hex2rgba($color);rgb=hex2rgba($color);

$rgba=hex2rgba($color,0.7);rgba= hex2rgba($color,0.7);

/ * Đầu ra CSS */

echo ''

div.example {

Bối cảnh: '. $ rgb.';.$rgb.';

Màu sắc: '. $ rgba.';.$rgba.';

}

';;