How to change the color of a unicode character - unicode

Question

I'm trying to get a green, cyan, purple and yellow large circle like this one: 🔴, but there aren't any codes for one. Is there any way to change the code to change the color?

Answer 1

No. The color is inherent to the character -- there's a LARGE BLUE CIRCLE as well (U+1F535 - 🔵), but no other colors are currently defined by the Unicode standard.

Answer 2

If using HTML, you can append xFE0E to get the text version and color that using CSS:
<span>🔴</span>
<span>🔴︎</span>
<span style="color: lime;">🔴︎</span>

Answer 3

Unicode is huge, even has Klingon, it has more colors and even smileys nowadays...
Here you go, change the numbers to search and find what you need...
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()
For cyan circle, try starting from 0x1f7df with range 1000... Also note that unicode color is best effort, so e.g. on a Klingon browser things may not display in colour...
Also, to find the codes of characters you have e.g.:
chars='🔵🔴🟠🟡🟢🟣🟤🟦🟥🟧🟨🟩🟪🟫🛑🔶🔷🔸🔹🔺🔻'
for i,c in enumerate(chars):
print('[{}: {}] '.format(hex(ord(c)),c), end='')
if i%7==6:
print()
Gives:
[0x1f535: 🔵] [0x1f534: 🔴] [0x1f7e0: 🟠] [0x1f7e1: 🟡] [0x1f7e2: 🟢] [0x1f7e3: 🟣] [0x1f7e4: 🟤]
[0x1f7e6: 🟦] [0x1f7e5: 🟥] [0x1f7e7: 🟧] [0x1f7e8: 🟨] [0x1f7e9: 🟩] [0x1f7ea: 🟪] [0x1f7eb: 🟫]
[0x1f6d1: 🛑] [0x1f536: 🔶] [0x1f537: 🔷] [0x1f538: 🔸] [0x1f539: 🔹] [0x1f53a: 🔺] [0x1f53b: 🔻]

Answer 4

In both HTML and CSS, you can append xFE0E to get the text version and color that :
In HTML:
<div>❌</div>
<div style= "color: blue;">❌︎</div>
<div style= "color: green;">❌︎</div>
In 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: </div>
<div class="css-symbol1">css: </div>
<div class="css-symbol2">css: </div>
Mixing Both HTML and CSS:
div {
color: black;
}
.css-symbol:after {
color: blue;
content: "\274C\fe0e";
}
<div>❌</div>
<div>❌︎</div>
<div class="css-symbol"></div>