Jump to content

Colors viewing


Recommended Posts

'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

I don't visit as often as I used to. If you want me to see something, make sure to quote a post of mine or ping me @jean-luc

Link to post
Share on other sites
  • Replies 57
  • Created
  • Last Reply

Top Posters In This Topic

  • 2 weeks later...

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

I don't visit as often as I used to. If you want me to see something, make sure to quote a post of mine or ping me @jean-luc

Link to post
Share on other sites

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.

Hi! I'm Lumi, host of Reisen, Tewi, Flandre and Lucilyn.

Everyone deserves to love and be loved. It's human nature.

My tulpas and I have a Q&A thread, which was the first (and largest) of its kind. Feel free to ask us stuff.

Link to post
Share on other sites

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

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...