如何更改Unicode字符的颜色

Question

我想要一个像这样的绿色、青色、紫色和黄色的大圆圈，但是没有相应的代码。有没有办法改变代码的颜色呢？

- Ash Nelson

---

颜色通常与字符无关。这更多是显示设备的问题。 - John Coleman

为什么需要使用Unicode字符？如果您将其显示为HTML，难道不能只是使用容器和CSS来制作它们吗？或者使用类似FontAwesome的工具，带有填充圆圈？ - junkfoodjunkie

Unicode 定义了字形，即字符的代码点和形状，而不是颜色。一些新的字体和字体渲染器支持彩色表情符号，但通常无法通过 Unicode 控制字体大小、颜色、粗细和斜体。 - phuclv

可能是Unicode标准中的颜色？的重复问题。 - phuclv

这是一个有用的资源，当您无法或不想接触前端但需要一些丰富多彩的字符（例如在无头 CMS 上）时可以使用：https://emojiterra.com/ - edison23

Answer 1

不是的。颜色是与字符固有的--还有一个大蓝色圆圈（U+1F535 - ），但目前Unicode标准中没有定义其他颜色。

- user149341

---

即使是大蓝色圆圈也不一定以彩色呈现。http://www.fileformat.info/info/unicode/char/1f535/index.htm - phuclv

... - ashleedawg

Answer 2

如果使用HTML，则可以附加xFE0E以获取文本版本，并使用CSS对其进行着色：

<span>&#x1f534;</span>
<span>&#x1f534;&#xfe0e;</span>
<span style="color: lime;">&#x1f534;&#xfe0e;</span>

- Alien426

---

我在问题中没有看到HTML/CSS/web的提及，我错过了什么吗？ - ctrl-alt-delor

不，你没有错过任何东西。 - Alien426

对我来说完美地解决了问题。这解决了我在它不改变颜色的情况下遇到的问题。现在我终于可以像我需要的那样改变颜色了。 - Kobato

Answer 3

Unicode非常庞大，甚至包含克林贡语，现在它有更多的颜色和表情符号... 请使用数字以搜索和找到你所需要的内容...

for i in range (10):
    ii = int('0x1f7e0',base=16)+i
    print('{:>15}'.format('[{}: {}] '.format(hex(ii),chr(ii))),end='')
    if i%7==6:
        print()

对于青色圆圈, 请从0x1f7df开始，范围为1000... 另外请注意，Unicode颜色尽力而为，因此在克林贡人的浏览器上可能无法显示颜色...

此外，要查找字符代码，您可以使用以下方法：

chars=''
for i,c in enumerate(chars):
    print('[{}: {}] '.format(hex(ord(c)),c), end='')
    if i%7==6:
        print()

给出：

[0x1f535: ] [0x1f534: ] [0x1f7e0: ] [0x1f7e1: ] [0x1f7e2: ] [0x1f7e3: ] [0x1f7e4: ] 
[0x1f7e6: ] [0x1f7e5: ] [0x1f7e7: ] [0x1f7e8: ] [0x1f7e9: ] [0x1f7ea: ] [0x1f7eb: ] 
[0x1f6d1: ] [0x1f536: ] [0x1f537: ] [0x1f538: ] [0x1f539: ] [0x1f53a: ] [0x1f53b: ]

- ntg

---

这些符号有LightGrey版本吗？ - Fandango68

Answer 4

在HTML和CSS中，您可以添加xFE0E以获取文本版本和颜色:

在HTML中:

<div>&#x274c;</div>
<div style= "color: blue;">&#x274c;&#xfe0e;</div>
<div style= "color: green;">&#x274c;&#xfe0e;</div>

在CSS中：

.css-symbol:after {
  color: black;
  content: "\274C";
}

.css-symbol1:after {
  color: black;
  content: "\274C\fe0e";
}

.css-symbol2:after {
  color: blue;
  content: "\274C\fe0e";
}

<div class="css-symbol">css:&nbsp;</div>

<div class="css-symbol1">css:&nbsp;</div>
<div class="css-symbol2">css:&nbsp;</div>

Mixing Both HTML and CSS:

div {
  color: black;
}


.css-symbol:after {
  color: blue;
  content: "\274C\fe0e";
}

<div>&#x274c;</div>
<div>&#x274c;&#xfe0e;</div>
<div class="css-symbol"></div>

- Mausam Kumar Giri

Answer 5

你可以使用这个Unicode字符来表示一个黑色的大圆，并且可以使用CSS来进行任意的绘制： ⬤

⬤

或者这个（更小）： ●

●

这很好，例如，可以展示颜色样本，而不是使用JPG、PNG等格式。

<p style="color:pink;">Circle ⬤● Example</p>
<p style="color:#0000ff;">Circle ⬤● Example</p>
<p style="color:rgb(255, 255, 0);">Circle ⬤● Example</p>

- buggggerMan