Why are hyperlinks blue?

Last year, Elise Blanchard did some great historical research and discovered that blue hyperlinks replaced black hyperlinks in 1993. They’ve been blue for so long now that the general advice I always hear is to keep them that way. There …


Why are hyperlinks blue? originally published on CSS-Tricks. You should get the newsletter.


This content originally appeared on CSS-Tricks and was authored by Chris Coyier

Last year, Elise Blanchard did some great historical research and discovered that blue hyperlinks replaced black hyperlinks in 1993. They’ve been blue for so long now that the general advice I always hear is to keep them that way. There is powerful societal muscle memory for “blue text is a clickable link.”

BUT WHY?!

On a hot tip, Elise kept digging and published a follow-up and identified the source of blue hyperlinks:

[…] it is Prof. Ben Shneiderman whom we can thank for the modern blue hyperlink.

But it didn’t start on the web. It was more about operating systems in the very early 1990s that started using blue for interactive components and highlighted text.

The decision to make hyperlinks blue in Mosaic, and the reason why we see it happening in Cello at the same time, is that by 1993, blue was becoming the industry standard for interaction for hypertext. It had been eight years since the initial research on blue as a hyperlink color. This data had been shared, presented at conferences, and printed in industry magazines. Hypertext went on to be discussed in multiple forums. Diverse teams’ research came to the same conclusion – color mattered. If it didn’t inspire Marc Andreessen and Eric Bina directly, it inspired those around them and those in their industry.

Windows 3.1 screenshot showing hyperlinks blue.

Because research:

[…] the blue hyperlink was indeed inspired by the research done at the University of Maryland.

To Shared LinkPermalink on CSS-Tricks


Why are hyperlinks blue? originally published on CSS-Tricks. You should get the newsletter.


This content originally appeared on CSS-Tricks and was authored by Chris Coyier


Print Share Comment Cite Upload Translate Updates
APA

Chris Coyier | Sciencx (2022-02-14T20:13:31+00:00) Why are hyperlinks blue?. Retrieved from https://www.scien.cx/2022/02/14/why-are-hyperlinks-blue/

MLA
" » Why are hyperlinks blue?." Chris Coyier | Sciencx - Monday February 14, 2022, https://www.scien.cx/2022/02/14/why-are-hyperlinks-blue/
HARVARD
Chris Coyier | Sciencx Monday February 14, 2022 » Why are hyperlinks blue?., viewed ,<https://www.scien.cx/2022/02/14/why-are-hyperlinks-blue/>
VANCOUVER
Chris Coyier | Sciencx - » Why are hyperlinks blue?. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2022/02/14/why-are-hyperlinks-blue/
CHICAGO
" » Why are hyperlinks blue?." Chris Coyier | Sciencx - Accessed . https://www.scien.cx/2022/02/14/why-are-hyperlinks-blue/
IEEE
" » Why are hyperlinks blue?." Chris Coyier | Sciencx [Online]. Available: https://www.scien.cx/2022/02/14/why-are-hyperlinks-blue/. [Accessed: ]
rf:citation
» Why are hyperlinks blue? | Chris Coyier | Sciencx | https://www.scien.cx/2022/02/14/why-are-hyperlinks-blue/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.