Colour Guide!

Which style do you use?


  • Total voters
    137
Status
Not open for further replies.

Holmishire

Ghost with no home.
Original poster
LURKER MEMBER
FOLKLORE MEMBER
Invitation Status
Posting Speed
  1. One post per week
Online Availability
Late night PST
Writing Levels
  1. Intermediate
  2. Advanced
Preferred Character Gender
  1. Primarily Prefer Female
Genres
Fantasy, Post-Apocalyptic, Superpower'd, and some Sci-Fi.
A new version will be going live sometime this month, with all five styles and a boatload more colours. It's a massive undertaking, though, so—be patient!
Colour Guide 2.0 is live!


I've had this beauty sitting around in my inbox for a couple months now, greedily kept to only myself and some close associates— @Herzinth. (Yes, I'll update the PM, and yes, I won't take it away from you.) However, in light of @Jorick's recent suggestion of coloured text use in his dialogue guide, I figured it was about time to share it with the world of Iwaku at large.

Here at Iwaku, we have four site styles: Medium, Medium-Light, Dark, and Light Thunder Grey, Grey Mist, Bright Light, and Black Night. When using the preset colour for your text, this is not a problem, as it automatically adapts to each style's preference. For those who want to get fancy however, there is a tendency to only think of the style currently in use by the poster themselves.

Needless to say, but said either way, this is rather selfish. My poor eyes cannot cope with your horrid colour choices.


  • O O O O O O O O
    O O O O O O O O
    O O O O O O O O
    O O O O O O O O
    O O O O O O O O
    O O O O O O O O
    O O O O O O O O
    O O O O O O O O
    O O O O O O O O
    O O O O O O O O
    O O O O O O O O
    O O O O O O O O
    O O O O O O O O
    O O O O O O O O
    O O O O O O O O
    O O O O O O O O
    O O O O O O O O
    O O O O O O O O
    O O O O O O O O
    O O O O O O O O
    My subjective results:
    • X: please don't use.
    • Y: iffy.
    • O: should be fine.

    X O X X Y Y O X
    Y O O O O O O O
    O O X O X O O O
    O O X Y Y X O X
    Y Y X X X X O O
    HELLO (medium is the best)

    Is this restrictive? Hell yes it is! Picky is good.

  • Because of glitches in the coding beyond my coding, please use the version stored here while I seek repairs.

    O O O O O:#F0F _ _ _
    O O O O O:#F3F _ _ _
    O O O O O:#F6F _ _ _
    O X O O X:#F9F _
    X X O O X:#FCF _
    O O O O O:#C0C _ _ _
    O O O O O:#C3C _ _ _
    O O O O O:#C6C _ _ _
    O Y O O Y:#C9C _
    O O O O O:#909 _ _ _
    O O O O O:#939 _ _ _
    O O O O O:#969 _ _ _
    O O X O X:#606 _
    O O O O O:#636 _ _ _
    O O O X X:#303 _
    O O O O O:#C0F _ _ _
    O O O O O:#C3F _ _ _
    O O O O O:#C6F _ _ _
    O X O O X:#C9F _
    O O O O O:#90C _ _ _
    O O O O O:#93C _ _ _
    O O O O O:#96C _ _ _
    O O X O X:#609 _
    O O O O O:#639 _ _ _
    O O Y Y Y:#306 _
    O O O O O:#90F _ _ _
    O O O O O:#93F _ _ _
    O O O O O:#96F _ _ _
    O O O O O:#60C _ _ _
    O O O O O:#63C _ _ _
    O O X O X:#309 _
    O O O O O:#60F _ _ _
    O O O O O:#63F _ _ _
    O O Y O Y:#30C _
    O O O O O:#30F _ _ _
    O O O O O:#00F _ _ _
    O O O O O:#33F _ _ _
    O O O O O:#66F _ _ _
    O Y O O Y:#99F _
    Y X O O X:#CCF _
    O O Y O Y:#00C _
    O O O O O:#33C _ _ _
    O O O O O:#66C _ _ _
    O O O O O:#99C _ _ _
    O O O O Y:#009 _
    O O O O O:#339 _ _ _
    O O O O O:#669 _ _ _
    O O O O O:#006 _ _ _
    O O X O X:#336 _
    O O O X X:#003 _
    O O O O O:#03F _ _ _
    O O O O O:#36F _ _ _
    O O O O O:#03C _ _ _
    O O O O O:#06F _ _ _
    O O Y O Y:#039 _
    O O O O O:#36C _ _ _
    O O O O O:#06C _ _ _
    O O O O O:#69F _ _ _
    O O O O O:#39F _ _ _
    O O O O O:#09F _ _ _
    O O X O X:#036 _
    O O O O O:#369 _ _ _
    O O O O O:#069 _ _ _
    O O O O O:#69C _ _ _
    O O O O O:#39C _ _ _
    O O O O O:#09C _ _ _
    Y X O O X:#9CF _
    O X O O X:#6CF _
    O X O O X:#3CF _
    O X O O X:#0CF _
    Y X O O X:#0FF _
    Y X O O X:#3FF _
    X X O O X:#6FF _
    X X O O X:#9FF _
    X X O O X:#CFF _
    O Y O O Y:#0CC _
    O Y O O Y:#3CC _
    O X O O X:#6CC _
    O X O O X:#9CC _
    O O O O O:#099 _ _ _
    O O O O O:#399 _ _ _
    O O O O O:#699 _ _ _
    O O O O O:#066 _ _ _
    O O O O O:#366 _ _ _
    O O X O X:#033 _
    Y X O O X:#0FC _
    X X O O X:#3FC _
    X X O O X:#6FC _
    X X O O X:#9FC _
    O Y O O Y:#0C9 _
    O X O O X:#3C9 _
    O X O O X:#6C9 _
    O O O O O:#096 _ _ _
    O O O O O:#396 _ _ _
    O O O O O:#063 _ _ _
    Y X O O X:#0F9 _
    Y X O O X:#3F9 _
    X X O O X:#6F9 _
    O Y O O Y:#0C6 _
    O Y O O Y:#3C6 _
    O O O O O:#093 _ _ _
    O X O O X:#0F6 _
    O X O O X:#3F6 _
    O X O O X:#0C3 _
    O X O O X:#0F3 _
    O X O O X:#0F0 _
    O X O O X:#3F3 _
    O X O O X:#6F6 _
    Y X O O X:#9F9 _
    X X O O X:#CFC _
    O O O O O:#0C0 _ _ _
    O O O O O:#3C3 _ _ _
    O X O O X:#6C6 _
    O X O O X:#9C9 _
    O O O O O:#090 _ _ _
    O O O O O:#393 _ _ _
    O O O O O:#696 _ _ _
    O O O O O:#060 _ _ _
    O O O O O:#363 _ _ _
    O O X O X:#030 _
    O X O O X:#3F0 _
    Y X O O X:#6F3 _
    O Y O O Y:#3C0 _
    O Y O O Y:#6F0 _
    O O O O O:#390 _ _ _
    O X O O X:#6C3 _
    O X O O X:#6C0 _
    X Y O O X:#9F6 _
    X X O O X:#9F3 _
    X Y O O X:#9F0 _
    O O O O O:#360 _ _ _
    O O O O O:#693 _ _ _
    O O O O O:#690 _ _ _
    O X O O X:#9C6 _
    O X O O X:#9C3 _
    O X O O X:#9C0 _
    X O O O X:#CF9 _
    X O O O X:#CF6 _
    X X O O X:#CF3 _
    X O O O X:#CF0 _
    X O O O X:#FF0 _
    X O O O X:#FF3 _
    X O O O X:#FF6 _
    X O O O X:#FF9 _
    X O O O X:#FFC _
    O X O O X:#CC0 _
    O X O O X:#CC3 _
    O X O O X:#CC6 _
    O X O O X:#CC9 _
    O O O O O:#990 _ _ _
    O O O O O:#993 _ _ _
    O O O O O:#996 _ _ _
    O O O O O:#660 _ _ _
    O O O O O:#663 _ _ _
    O O X O X:#330 _
    O Y O O Y:#FC0 _
    O Y O O Y:#FC3 _
    O Y O O Y:#FC6 _
    O Y O O Y:#FC9 _
    O O O O O:#C90 _ _ _
    O O O O O:#C93 _ _ _
    O O O O O:#C96 _ _ _
    O O O O O:#960 _ _ _
    O O O O O:#963 _ _ _
    O O O O O:#630 _ _ _
    O O O O O:#F90 _ _ _
    O O O O O:#F93 _ _ _
    O O O O O:#F96 _ _ _
    O O O O O:#C60 _ _ _
    O O O O O:#C63 _ _ _
    O O O O O:#930 _ _ _
    O O O O O:#F60 _ _ _
    O O O O O:#F63 _ _ _
    O O O O O:#C30 _ _ _
    O O O O O:#F30 _ _ _
    O O O O O:#F00 _ _ _
    O O O O O:#F33 _ _ _
    O O O O O:#F66 _ _ _
    O Y O O Y:#F99 _
    Y X O O X:#FCC _
    O O O O O:#C00 _ _ _
    O O O O O:#C33 _ _ _
    O O O O O:#C66 _ _ _
    O O O O O:#C99 _ _ _
    O O O O O:#900 _ _ _
    O O O O O:#933 _ _ _
    O O O O O:#966 _ _ _
    O O O O O:#600 _ _ _
    O O O O O:#633 _ _ _
    O O O X X:#300 _
    O O O O O:#F03 _ _ _
    O O O O O:#F36 _ _ _
    O O O O O:#C03 _ _ _
    O O O O O:#F06 _ _ _
    O O O O O:#903 _ _ _
    O O O O O:#C36 _ _ _
    O O O O O:#C06 _ _ _
    O O O O O:#F69 _ _ _
    O O O O O:#F39 _ _ _
    O O O O O:#F09 _ _ _
    O O Y O Y:#603 _
    O O O O O:#936 _ _ _
    O O O O O:#906 _ _ _
    O O O O O:#C69 _ _ _
    O O O O O:#C39 _ _ _
    O O O O O:#C09 _ _ _
    O Y O O Y:#F9C _
    O O O O O:#F6C _ _ _
    O O O O O:#F3C _ _ _
    O O O O O:#F0C _ _ _
    X O O O X:#FFF _
    O X O O X:#CCC _
    O O O O O:#999 _ _ _
    O O O O O:#666 _ _ _
    O O X O X:#333 _
    O O O X X:#000 _


Background colours:
(Background colours were obtained through screencapture and photoshop analysis. It is possible some slight variation may exist between users. Current colours were officially given by @Diana!)
  • Bright Light: #fcfcff
  • Grey Mist: #c2c2c2
  • Thunder Grey: #313131
  • Black Night: #000000
It should be noted that in my earlier tests, both conversation and post previews differed in background colour from actual post results. However, as this is rarely of use, I forwent the need to add them in.



I hope this is useful.

Please stop killing my eyes.
 
Last edited:
People should read this. Read it hard. I'm not a big fan of coloured dialogue, but proper colour choices make it a lot more bearable.
 
I'm not a fan of color speech either. Frankly, it only either burns my eyes or is so dark I have to highlight the text with my mouse.
 
I've come to defend thee, coloured text!

I use coloured text in posts but this guide nails it on the head: Use colours that are nice and neutral. I use a mix of light and medium colours myself, knowing that highlighting works. Otherwise, the reason I use colours is...

Because it lets me be lazy as hell about speech ownership, especially in scenes with several characters. Rather than having to explicitly say who said what or keep some regular pace to my dialogue, I can just assign a colour and bam, problem solved. "Mikan is green", therefore all green text is owned by Mikan for the duration of the scene. Done. Confusion avoided. Otherwise, I have to play the pronoun ownership game with speech text. Which I can easily do, but if I can be lazy about something after writing hours of text, I'll take it. Plus, I just so happen to like coloured dialogue. Colours can reflect the nature of the character speaking, their tone, whether they're friendly or hostile, and so on. ex: Red text is normally used for untrustworthy, enigmatic, or outright hostile characters. Green text is normally used for allies. Et cetera.

tl;dr: Properly used, it's a tool. Improperly used, it's an eyesore. READ THIS GUIDE! IT IS BROVO APPROVED!
 
Can I thank this ten times? Light and neon text on my white backgrounds just slays me.
 
  • Like
Reactions: Drakken
Oh my god this is so good, thank you very much you are the bestest person ever.
 
:( But my favorite color is yellow! Why do you hate my favorite color? I use the gold color, anyway, but what would be a good yellow-ish color to not kill eyes?
 
:( But my favorite color is yellow! Why do you hate my favorite color? I use the gold color, anyway, but what would be a good yellow-ish color to not kill eyes?
This should be fine.

[COLOR=#b5b51f]This should be fine.[/COLOR]
 
  • Thank You
Reactions: 1 person
Dark is best imo. It allows you to see every color well enough and allows people to freely express their color preferences without any issues (at least not from me). Only problem is if someone used black text... Other than that, colored dialogue is convenient, because it allows you to quickly pinpoint character interaction when replying.
 
Update please!
 
  • Like
Reactions: Zelda
Update please!
I actually updated this about four hours ago, with the new hexcodes coming directly from the mod in charge!

There are more than four styles now, but Diana assured me only the four background colours will be used. For example, Black Night's background is being used for Teal Owl, Sienna Hamster, and Violet Queen.
 
  • Nice Execution!
Reactions: vei_li_os
I actually updated this about four hours ago, with the new hexcodes coming directly from the mod in charge!

There are more than four styles now, but Diana assured me only the four background colours will be used. For example, Black Night's background is being used for Teal Owl, Sienna Hamster, and Violet Queen.
Oh, okay, didn't know since I never change style. Good to know then though so I can keep linking it here and there, thanks for your effort.
 
Just something that came up, HEX-codes for O-rated text colours might be useful as well.

Or maybe I'm the only rich-hating purist on the site.

idk.
 
Just something that came up, HEX-codes for O-rated text colours might be useful as well.

Or maybe I'm the only rich-hating purist on the site.

idk.
Okay, I edited in a quick hexcode list.

I hadn't really though much about it because these colours are only directly accessible in the Rich Text Editor—if you're typing in the hexcodes yourself, there are so many options available that it would be impossible for me to list them all.

So I guess I figured it would be kinda needlessly restrictive in comparison?

Now that I have that mini-list, I might just look into doing a larger-scale study of colours and style-matching outside the standard 5x8 table. After all, who knows! Maybe someday a list of 39 colours that are suited for all four styles will be adopted.
Vive la révolution coloré!
 
Last edited:
  • Like
Reactions: Seba
I DID IT GUYS

Okay, I've replaced the second section with a far more useful and expansive list of colours. They are the 216 web-safe colours, which can be expressed by any combination of 0s, 3s, 6s, 9s, Cs, and Fs. This will probably be the biggest—and hopefully last—significant update to the colour guide.
 
(Yes, I'll update the PM, and yes, I won't take it away from you.)
WILL YOU?

(<3)

EDIT: Nevermind. The preferential treatment has been restored.
 
Last edited:
Bumping because I like this guide a lot. Very helpful for not mangling people's eyes.
 
This is excellent, even though the way I format my character posts I have a different colored background for my posts than the normal ones iwaku offers. However, I was curious...
For anyone who wants to answer:
What is better to look at?
Light on dark, or dark on light
 
This is excellent, even though the way I format my character posts I have a different colored background for my posts than the normal ones iwaku offers. However, I was curious...
For anyone who wants to answer:
What is better to look at?
Light on dark, or dark on light

The age old question lol. I have a harder time personally with light font on dark background. For one or two posts I'm fine, but after a while the font starts to bleed together and everything looks fuzzy. I love the mist grey option best, cause it's a little of both worlds... not too glaring, but also not all black and foreboding.
 
Status
Not open for further replies.