How to convert 3-digit HTML hex colors to 6-digit flex hex colors

Question

I want to convert a 3-digit hex color which is coming from HTML CSS to a 6-digit hex color for Flex. Can anyone give me code to convert 3-digit hex colors to their 6-digit equivalents?

Possible duplicate of [convert to 3-digit hex color code](http://stackoverflow.com/questions/1459273/convert-to-3-digit-hex-color-code) — Massimiliano Kraus, Jan 04 '17 at 13:16

score 55 · Accepted Answer · edited Jun 10 '20 at 14:00

55

The three digit hex colors are expanded by doubling each digit (see w3 spec). So #F3A gets expanded to #FF33AA.

edited Jun 10 '20 at 14:00

Yves M.

29,855
23
108
144

answered Apr 19 '12 at 14:52

mrab

2,702
1
17
10

score 11 · Answer 2 · edited May 23 '17 at 11:33

11

Double every digit: for example #A21 is equal to #AA2211.

However this question is a duplicate of: convert to 3-digit hex color code

edited May 23 '17 at 11:33

Community

1
1

answered Apr 19 '12 at 14:48

dash1e

7,677
1
30
35

score 9 · Answer 3 · answered Feb 08 '19 at 14:52

9

Other answers provided the process but I will provide the code using regex and the java programming language

String value = "#FFF";
value = value.replaceAll("#([0-9a-fA-F])([0-9a-fA-F])([0-9a-fA-F])", "#$1$1$2$2$3$3");

answered Feb 08 '19 at 14:52

Ovokerie Ogbeta

503
7
5

Thanks worked for Android/Java – ashishdhiman2007 Jan 20 '22 at 14:18
Thanks, worked in vscode regexp find replace as well – AamirR Nov 02 '22 at 17:36

score 1 · Answer 4 · answered Apr 11 '19 at 00:16

1

If you came here and is using Python, here's how:

hex_code = '#FFF'
new_hex_code = '#{}'.format(''.join(2 * c for c in hex_code.lstrip('#')))

answered Apr 11 '19 at 00:16

bertdida

4,988
2
16
22

score 1 · Answer 5 · answered Jul 27 '20 at 16:12

1

Kotlin version of Ovokerie's answer:

shortHexString.replace(Regex("#([0-9a-fA-F])([0-9a-fA-F])([0-9a-fA-F])"), "#$1$1$2$2$3$3")

answered Jul 27 '20 at 16:12

Peter Keefe

1,095
14
22

score 1 · Answer 6 · answered May 28 '21 at 18:59

PHP Version:

  /**
 * returns a clean 6 digit hex number as a string
 * @param $hex
 * @return false|string
 */
function clean_hex_color($hex)
{
    $hex = strtolower($hex);
    //remove the leading "#"
    if (strlen($hex) == 7 || strlen($hex) == 4)
        $hex = substr($hex, -(strlen($hex) - 1));

    // $hex like "1a7"
    if (preg_match('/^[a-f0-9]{6}$/i', $hex))
        return $hex;
    // $hex like "162a7b"
    elseif (preg_match('/^[a-f0-9]{3}$/i', $hex))
        return $hex[0] . $hex[0] . $hex[1] . $hex[1] . $hex[2] . $hex[2];
    //any other format
    else
        return "000000";
}

How to convert 3-digit HTML hex colors to 6-digit flex hex colors

6 Answers6

Linked