exact colors -- Create your own Voy Forum

[ Show ]

Support VoyForums

[ Shrink ]

VoyForums Announcement: Programming and providing support for this service has been a labor of love since 1997. We are one of the few services online who values our users' privacy, and have never sold your information. We have even fought hard to defend your privacy in legal cases; however, we've done it with almost no financial support -- paying out of pocket to continue providing the service. Due to the issues imposed on us by advertisers, we also stopped hosting most ads on the forums many years ago. We hope you appreciate our efforts.

Show your support by donating any amount. (Note: We are still technically a for-profit company, so your contribution is not tax-deductible.) PayPal Acct: Feedback:

Donate to VoyForums (PayPal):

[ Login ] [ Contact Forum Admin ] [ Main index ] [ Post a new message ] [ Search | Check update time | Archives: 1, 2, 3, 4, 5, 6, 7, [8] ]

Subject: exact colors

Author:
admin

[ Next Thread | Previous Thread | Next Message | Previous Message ]

Date Posted: 15:54:06 07/13/13 Sat
In reply to: admin 's message, "websites for learning HTML & colors" on 10:15:43 06/29/13 Sat

If you're looking for an exact effect,
then simply measure your current color against white.

For example:

I wanted my background color to be light blue.
#ccd9ec
But, that was too cutesy for the web page.
So,
I simply used #FFFFFF as the finishing point.
And, everything in-between shows up:
http://www.w3schools.com/tags/ref_colormixer.asp?colorbottom=D8BFD8&colortop=FFFFFF

So; anytime you see a great color, you can always create a lighter version of it.

This also works to darken your color, as well.
However, I try NOT using straight black. (#000000).
Instead, I prefer a darkish bluish purple color:
#000099
http://www.w3schools.com/tags/ref_colormixer.asp?colorbottom=D8BFD8&colortop=FFFFFF

So, the end product (when combined,) Looks like this:

#FFFFFF
#FCFDFE
#FAFBFD
#F7F9FC
#F5F7FB
#F2F6FA
#F0F4F9
#EDF2F8
#EBF0F7
#E8EEF6
#E6ECF6
#E3EAF5
#E0E8F4
#DEE6F3
#DBE4F2
#D9E2F1
#D6E1F0
#D4DFEF
#D1DDEE
#CFDBED
#ccd9ec

#ccd9ec
#C2CEE8
#B8C3E4
#ADB8E0
#A3AEDB
#99A3D7
#8F98D3
#858DCF
#7A82CB
#7077C7
#666CC2
#5C62BE
#5257BA
#474CB6
#3D41B2
#3336AE
#292BAA
#1F21A5
#1416A1
#0A0B9D
#000099

I just had to reverse the starting color, and the finishing color.

In my opinion, it's better to have a great color, then just experimenting with random ones.

In other words: Choose your favorite colors, and then try toggling them.

here's another example:

I love the color #fffaed.
So, I measure it against the lightest possible color (FFFFFF).
#FFFFFF
#FFFFFE
#FFFEFD
#FFFEFC
#FFFEFB
#FFFEFA
#FFFEFA
#FFFDF9
#FFFDF8
#FFFDF7
#FFFCF6
#FFFCF5
#FFFCF4
#FFFCF3
#FFFCF2
#FFFBF2
#FFFBF1
#FFFBF0
#FFFAEF
#FFFAEE
#fffaed

Then, I can measure it against Black (starting with fffaed):

#FFFaed
#F2EEE1
#E6E1D5
#D9D4C9
#CCC8BE
#BFBCB2
#B2AFA6
#A6A29A
#99968E
#8C8A82
#807D76
#73706B
#66645F
#595853
#4D4B47
#403E3B
#33322F
#262624
#191918
#0D0D0C
#000000

Or, I can choose that great Dark bluish purple color, instead:
#FFFaed
#F2EEE9
#E6E1E5
#D9D4E0
#CCC8DC
#BFBCD8
#B2AFD4
#A6A2D0
#9996CB
#8C8AC7
#807DC3
#7370BF
#6664BB
#5958B6
#4D4BB2
#403EAE
#3332AA
#2626A6
#1919A1
#0D0D9D
#000099

In this case; I would stick to black (instead of purple).
The reason is because #FFFAED is closer to tan color, rather than blue.

So, that's how it's done.

[ Next Thread | Previous Thread | Next Message | Previous Message ]

Replies:

[> Subject: favorite colors EEE4EF

Author:
admin
[ Edit | View ]

Date Posted: 07:14:06 07/25/13 Thu

I've always loved the color EE4ef.
It seems to work nice for producing a simple color which replaces white.

#eee4ef
#EDE2EE
#ECE0ED
#EBDEEC
#EADDEA
#E8DBE9
#E7D9E8
#E6D7E7
#E5D5E6
#E4D3E5
#E3D2E4
#E2D0E2
#E1CEE1
#E0CCE0
#DFCADF
#DEC8DE
#DCC6DD
#DBC5DB
#DAC3DA
#D9C1D9
#D8BFD8
Bottom color:

http://www.w3schools.com/tags/ref_colormixer.asp?colorbottom=D8BFD8&colortop=eee4ef

notice how the entire box appears to be the same color.
But, when you look at the left (between the 2 honeycomb color palettes), you can then see the big difference.

Now, replace D8BFD8 with FFFFFF. or FFFFCC.
You can get a color which varies slightly from EEE4EF.
If you try CCFFFF,
It will vary toward the blueish end of the spectrum. Too Tacky?