That is the rough outline of my blog right now. It will be a sports blog focusing on the NHL team the San Jose Sharks, along with the NHL in general.
Here is the basic color scheme the team uses. Most the images appear much more green and dark than they really are in real life. Think teal, black, orange trim, sometimes a lighter bluer teal for some specialty hats. That's the basic color scheme. Since the animal the team is named after is a Shark, colors of the ocean, or real life sharks, are also possibilities. With the name of my blog being Shark Circle, my header sort of uses a hockey puck as a yin yang with a Shark fin in the middle, and it can sort of be read as, I'm covering the Sharks full circle, or if there's a circle of life, my blog is the circle of the Sharks the team, sort of covering all angles. But you can also take it to sort of circle of life, maybe use that in a color scheme (just thinking out loud here to help others help me). Other colors, ice is whitish grey on TV, but it would be hard to reproduce the color of ice on a computer while differentiating it from just white. Sticks can be any color so not much help there. Pucks are black same as the Sharks alternate jerseys.
Maybe most important here, I'm not sure if it's just my screen, or if this is true in general, but I find white (or almost white) text written on a darker, like brown background, is easier to read than dark text on a light background. Which is sort of a problem for a light teal ocean type color scheme. Maybe the outer background light teal ocean, then the text area darker teal (if it's even possible to create a reading-friendly-on-the-eyes dark teal color in the same was a brown)?
For instance I find this very easy on the eyes and easy to read.
He is using a dark brown background and seems like silver white text. What font do you think he is using by the way? Very easy to read. Also, if I wanted to use colors of the Sharks jerseys, is there a way to copy a color from an image? Like you can never get it perfect or close to perfect messing around with the color wheel trying to imitate a color from a picture. The only way to do it is if there's some way to just snatch it off the picture and have the color code automatically identify that color and give you the code. Is there a way to do this?
Thanks for your help. Also please let me know if there is an easier way to experiment with different color schemes that adding in a new color code in CSS for each color every time, then previewing it, then realizing one color needs to be darker, and the other lighter, and going to the color wheel to make it darker, and then copying the code, and putting it into CSS, and then previewing again, trying out one different variation on each color every two minutes, and not getting anywhere for hours. Is there a better way?
The blog I need help with is puckcircle.wordpress.com.