Sunday, November 6, 2022

Color of text on monochrome terminals with green-on-black and amber-on-black?

If your aim is to recreate more closely the effect of an old CRT (at the expense of readability), whatever color you choose based on the previous answer, you should consider using a very bright (almost white) color for the text itself, and then using the chosen color as a glowing neon-like effect around the outline of the text.

For example, here is what you can obtain based on the #00FF66 color:

Simulation of phosphor bleed

As a reference, here is the CSS style that corresponds to the above effect:

font-size: 30px;
color: #f0fff8; /* almost white */
text-shadow: 0 0 3px #80ffc0, 0 0 10px #00ff66, 0 0 20px #00ff66, 0 0 30px #00ff66;

Using multiple shadows with increasing radius makes for a better effect. Also note the first, small radius (3px) shadow is also chosen in a color closer to white.

And the font I used is Glass TTY VT220 (cool font by the way, and public domain).

Here is a real image of an old computer (I don't even know what it is, it looks like a french minitel) where you can see the text is actually very bright, and the general appearance looks very close from what I recreated above (maybe more cyan-ish than green-ish, but we clearly see the glow):

Computer showing phosphor bleed effect

This is also how graphs appeared on old analog oscilloscopes.



from Hacker News https://ift.tt/pwi2INm

No comments:

Post a Comment

Note: Only a member of this blog may post a comment.