11 Replies Latest reply: Jul 20, 2012 2:39 PM by cblack412 RSS

    color schemes/elements

    JimVag1947 Community Member

      I have a good understanding of color schemes(more or less)in theory.

       

      What I lack-when I have created a color scheme(in Kuler for example)- is to decide from what color each element/font of the  webpage must be compised of.

       

      I mean if I have a 5 color monochromatic scheme, what color must be the background or the font or some other element for that matter.

       

      I do not believe this must be a random choice.

       

       

      I made this post to the color management sub -forum but I was advised that is better to post here.

       

      So is there any rule which governs what color gets what element?

        • 1. Re: color schemes/elements
          Jacob Bugge MVP

          Dimitris,

           

          So is there any rule which governs what color gets what element?

           

          You mean apart from what looks right is right?

          • 2. Re: color schemes/elements
            JimVag1947 Community Member

            Yes apart from that.

             

            I mean, in order to  reach "looks right is  right" we have to follow some design rules.

            I am in search of a rule that has to with the color of the elements in a page,given a specific color scheme.

             

            But in order to help the conversation I am going to make a start.

             

            Look at this scheme in Kuler: http://kuler.adobe.com/#themeID/1883079

             

            This is monochromatic,I get feeling though that it does not have enough contrast among its colors,sth important in web design.

             

            So what do you think about it and the contrast of it as I mention above? Let us leave for a while the coloring of the element issue aside.

            • 3. Re: color schemes/elements
              Jacob Bugge MVP

              Dimitris,

               

              When I use the link, I have to press a button and see some Flash stuff or something with a new set of colours shown briefly, different every time, and then there are a few messages, There are no themes to display, and No results for ThemeID 1883079.

               

              So up to now I am as blank as the page.

               

              Until something somehow turns up, you may have a look at this thread (to a certain extent, but not entirely, written about print use):

               

              http://forums.adobe.com/message/4380644#4380644

               

              I think you are better than you think you are.

              • 4. Re: color schemes/elements
                JimVag1947 Community Member

                Ok thanks for the comments.

                 

                But because I still want to "finish" the post, here is an image of the color scheme,make a comment about its contrast.

                 

                palette.JPG

                • 5. Re: color schemes/elements
                  Jacob Bugge MVP

                  Dimitris,

                   

                  Now that I may be beginning to understand the question, I believe you will need to have the greatest possible contrast between background and text, in this case probably the darkest middle colour for text and the palest rightmost colour (or the grey in between if better for the actual design) for background, with the distribution of other colours depending on the actual design.

                  • 6. Re: color schemes/elements
                    JimVag1947 Community Member

                    Your answer is what I was seeking. You grabed what I wanted to mean.

                    But just for your info-I chose the opposite from what you suggested. Dark background and light text(white).

                     

                    It is the same principle but implement differently. You are welcome to comment it.

                     

                    P.S In what U.S state do you leave? Irrelevant-I am asking out of curiosity.

                    • 7. Re: color schemes/elements
                      martcol Community Member

                      You can check contrast with this on line tool: http://www.checkmycolours.com/

                       

                      I'm sure there are others.

                       

                      Martin

                      • 8. Re: color schemes/elements
                        Jacob Bugge MVP

                        Dimitris,

                         

                        Dark background and light text(white).

                         

                        Ah, I thought white and black were ruled out, and everything was limited to the colours shown.

                         

                        The contrast between the darkest colour and white is greater than that between the palest colour and black, so your choice makes good sense.

                         

                        I am over here, not over there.

                        • 9. Re: color schemes/elements
                          JimVag1947 Community Member

                          No, I AM going to use the colors shown-and I am saying to use dark blue background and white text,the OPPOSITE of what you are describing.

                          • 10. Re: color schemes/elements
                            Jacob Bugge MVP

                            Dimitris,

                             

                            I was fooled by this in your post #4:

                             

                            here is an image of the color scheme,make a comment about its contrast.

                             

                            I took that to mean that everything, including text, would have to be held in and limited to the five colours shown, and my suggestion in post #5 was based upon that assumption.

                             

                            Your post #6 seems to show that the assumed limitation does not apply to text because you expressly mention white, which is not among the five colours shown:

                             

                            I chose the opposite from what you suggested. Dark background and light text(white).

                             

                            And since you can get a greater contrast with white text over the darkest colour shown in post #4 than with black text over the palest colour shown in post #4, the former is preferable, and I agree with your choice.

                             

                            That was what I was trying to say in my post #8.

                            • 11. Re: color schemes/elements
                              cblack412

                              I find that using the color palette and kuler works the best. I use Kuler to work out a color scheme and them copy those colors into the color paletter window and it give me the colors I have chosen and some tints. It helps with the contrast.