Colors viewing

[jean-luc]

'Nother year later edit: Now with one giant picture so you don't have to switch themes manually. Also makes it much easier to see that Red #FF0000 is the superior color which colors look good across themes.

Original:

---

This is a sample of what all the colors available via the default compose interface look like. Make sure to see what they look like in both the normal and mobile versions of the site since the background is flipped. Use the link at the bottom (of the website, not the bottom of the thread) to switch.

This is color #800000; The quick brown fox jumps over the lazy dog
This is color #8B4513; The quick brown fox jumps over the lazy dog
This is color #006400; The quick brown fox jumps over the lazy dog
This is color #2F4F4F; The quick brown fox jumps over the lazy dog
This is color #000080; The quick brown fox jumps over the lazy dog
This is color #4B0082; The quick brown fox jumps over the lazy dog
This is color #800080; The quick brown fox jumps over the lazy dog
This is color #000000; The quick brown fox jumps over the lazy dog
This is color #FF0000; The quick brown fox jumps over the lazy dog
This is color #DAA520; The quick brown fox jumps over the lazy dog
This is color #6B8E23; The quick brown fox jumps over the lazy dog
This is color #708090; The quick brown fox jumps over the lazy dog
This is color #0000CD; The quick brown fox jumps over the lazy dog
This is color #483D8B; The quick brown fox jumps over the lazy dog
This is color #C71585; The quick brown fox jumps over the lazy dog
This is color #696969; The quick brown fox jumps over the lazy dog
This is color #FF4500; The quick brown fox jumps over the lazy dog
This is color #FFA500; The quick brown fox jumps over the lazy dog
This is color #808000; The quick brown fox jumps over the lazy dog
This is color #4682B4; The quick brown fox jumps over the lazy dog
This is color #1E90FF; The quick brown fox jumps over the lazy dog
This is color #9400D3; The quick brown fox jumps over the lazy dog
This is color #FF1493; The quick brown fox jumps over the lazy dog
This is color #A9A9A9; The quick brown fox jumps over the lazy dog
This is color #FF6347; The quick brown fox jumps over the lazy dog
This is color #FFD700; The quick brown fox jumps over the lazy dog
This is color #32CD32; The quick brown fox jumps over the lazy dog
This is color #87CEEB; The quick brown fox jumps over the lazy dog
This is color #00BFFF; The quick brown fox jumps over the lazy dog
This is color #9370DB; The quick brown fox jumps over the lazy dog
This is color #FF69B4; The quick brown fox jumps over the lazy dog
This is color #DCDCDC; The quick brown fox jumps over the lazy dog
This is color #FFDAB9; The quick brown fox jumps over the lazy dog
This is color #FFFFE0; The quick brown fox jumps over the lazy dog
This is color #98FB98; The quick brown fox jumps over the lazy dog
This is color #E0FFFF; The quick brown fox jumps over the lazy dog
This is color #87CEFA; The quick brown fox jumps over the lazy dog
This is color #E6E6FA; The quick brown fox jumps over the lazy dog
This is color #DDA0DD; The quick brown fox jumps over the lazy dog
This is color #FFFFFF; The quick brown fox jumps over the lazy dog


EDIT: More than a year later, here's what the colors look like inside a quote box (different background)

This is color #800000; The quick brown fox jumps over the lazy dog
This is color #8B4513; The quick brown fox jumps over the lazy dog
This is color #006400; The quick brown fox jumps over the lazy dog
This is color #2F4F4F; The quick brown fox jumps over the lazy dog
This is color #000080; The quick brown fox jumps over the lazy dog
This is color #4B0082; The quick brown fox jumps over the lazy dog
This is color #800080; The quick brown fox jumps over the lazy dog
This is color #000000; The quick brown fox jumps over the lazy dog
This is color #FF0000; The quick brown fox jumps over the lazy dog
This is color #DAA520; The quick brown fox jumps over the lazy dog
This is color #6B8E23; The quick brown fox jumps over the lazy dog
This is color #708090; The quick brown fox jumps over the lazy dog
This is color #0000CD; The quick brown fox jumps over the lazy dog
This is color #483D8B; The quick brown fox jumps over the lazy dog
This is color #C71585; The quick brown fox jumps over the lazy dog
This is color #696969; The quick brown fox jumps over the lazy dog
This is color #FF4500; The quick brown fox jumps over the lazy dog
This is color #FFA500; The quick brown fox jumps over the lazy dog
This is color #808000; The quick brown fox jumps over the lazy dog
This is color #4682B4; The quick brown fox jumps over the lazy dog
This is color #1E90FF; The quick brown fox jumps over the lazy dog
This is color #9400D3; The quick brown fox jumps over the lazy dog
This is color #FF1493; The quick brown fox jumps over the lazy dog
This is color #A9A9A9; The quick brown fox jumps over the lazy dog
This is color #FF6347; The quick brown fox jumps over the lazy dog
This is color #FFD700; The quick brown fox jumps over the lazy dog
This is color #32CD32; The quick brown fox jumps over the lazy dog
This is color #87CEEB; The quick brown fox jumps over the lazy dog
This is color #00BFFF; The quick brown fox jumps over the lazy dog
This is color #9370DB; The quick brown fox jumps over the lazy dog
This is color #FF69B4; The quick brown fox jumps over the lazy dog
This is color #DCDCDC; The quick brown fox jumps over the lazy dog
This is color #FFDAB9; The quick brown fox jumps over the lazy dog
This is color #FFFFE0; The quick brown fox jumps over the lazy dog
This is color #98FB98; The quick brown fox jumps over the lazy dog
This is color #E0FFFF; The quick brown fox jumps over the lazy dog
This is color #87CEFA; The quick brown fox jumps over the lazy dog
This is color #E6E6FA; The quick brown fox jumps over the lazy dog
This is color #DDA0DD; The quick brown fox jumps over the lazy dog
This is color #FFFFFF; The quick brown fox jumps over the lazy dog

[Chupi]

Thanks. Now hopefully we'll see fewer people using colors that are near invisible in some themes or on mobile.

[jean-luc]

Hopefully

[Brassow]

AMERICA
Dang I spent too long on that.

[jean-luc]

Use the light blue not the dark blue, did you not see the entire point of this thread!?

[Brassow]

Please forgive me senpai Jean-Luc

[Anonymous]

Hurray for pink!

[Luminesce]

Yeah, I checked all of my tulpas' colors and they look fine on the mobile/white version. Tewi and Reisen's look the same though.

Also the white version sucks. Darker is much easier to look at.

[Lacquer]

http://leaverou.github.io/contrast-ratio/
http://www.msfw.com/Services/ContrastRatioCalculator
http://webaim.org/resources/contrastchecker/

People could also use these to check the color contrast without changing the actual theme. The background color codes are as follows:
#646464 - Nostalgia
#3D3D3D - Default Dark
#D8E5FF - Light
#FFFFFF - Mobile

[T-Storm]

I changed White's color to this so everyone can see when he is talking no matter what.