转换为 3 位十六进制颜色代码

Question

我长期以来一直在 CSS 中使用 3 位十六进制颜色值：#fff、#999、#069 等。我可以看到重复的字母/数字如何合并以创建 3 位十六进制颜色代码，但我不完全理解能够在 PHP 中编写转换器的模式。有这方面的文档吗？

编辑：哦，也许我的问题不清楚。我需要知道一些 6 位十六进制颜色值如何转换为 3 位数字。 xxxxxx (ffffff) 和 xxyyzz (006699) – 这是仅有的两种模式，对吗？

Answer 1

#f0f 扩展为 #ff00ff 所以基本上你只需要计算每个字符的值并将该值乘以 16，例如：

#f98 ：f = 15 =>红色 = 15 + 15*16 = 255 等

Answer 2

function hexfix(str) {
  var v, w;
  v = parseInt(str, 16);	// in rrggbb
  if (str.length == 3) {
    // nybble colors - fix to hex colors
	//  0x00000rgb              -> 0x000r0g0b
	//  0x000r0g0b | 0x00r0g0b0 -> 0x00rrggbb
	w = ((v & 0xF00) << 8) | ((v & 0x0F0) << 4) | (v & 0x00F);
	v = w | (w << 4);
  }
  return v.toString(16).toUpperCase();
 }

var hex1 = 'AABBCC',
    hex2 = 'ABC';

document.body.appendChild(document.createTextNode(hex1+" becomes "+hexfix(hex1)+'.  '));
document.body.appendChild(document.createTextNode(hex2+" becomes "+hexfix(hex2)+'.  '));

像这样的东西。

Answer 3

要将 3 个字符的十六进制代码转换为 6 个字符的十六进制代码，您需要重复每个字符：

$hex = '#fff';
$hex6 = '#' . $hex[1] . $hex[1] . $hex[2] . $hex[2] . $hex[3] . $hex[3];

如果要将其转换为十进制，您可以使用 十六进制函数

Answer 4

3 位 CSS 代码是 6 位数字的缩写": #06a; 是 #0066aa;
每两位数字代表0到255之间的一个数字。
您只需将这些值转换为十六进制并返回即可。