In the last post I discussed and showed the new banner images that I was proposing to use for the re-vamp of my website. I was reasonably satisfied with what I did. For the second stage I wanted to base the colour scheme of each page on the colours in the image on that page.
I used the colour picker in Photoshop Elements to select appropriate tones to use. I wanted 3 major tones: a mid-tone for the background, a lighter tone for the header/footer background and a very pale tone for the background of the text. Additionally, the colour of the text on the vertical banner on the top left had to match the background.
Some worked, some didn't, some were just about OK...
For some I will rework the tones in a different manner. Rather than selecting an individual tone from the image, in Photoshop I will select all, or most, of the image and use an 'averaging blur' to get the overall tone. I will then try using lighter or darker versions of this tone, or complementary colours to rebuild the page style.
Below I show my results with some comments on why I think they worked or didn't - your comments would be appreciated.
1) May Blossom and green.
This was the first one I did and it seems to work quite well - I am satisfied with this.

2) Sandy sky.
This sort of works - I like the image, but I am not sure of the tones used. As the picture was posterised to a few tones, this limited the palette available.

3) Dusky Pink
I admit I had problems picking appropriate values from this posterised banner. At first I thought it was OK, then ugh!, now I am not so sure...

4) Ice blue
Does it work? I think the selected colour is not too far away from the average, ignoring the very dark band. Again I am not sure.

5) Dragon Green
This was not posterised but again I had trouble picking out individual tones. The green was selected from the foliage, and the pale greyish was from the droplets on the dragonfly. I think this one might benefit from averaging the tones.

6) Red leaf
The red tone came from averaging the middle as I could not get a suitable tone from the colour picker. The very pale pink for the text background came from the main vein of the leaf.

7) Greys
I used just the one tone. I think the main background could do with being darker.

8) Orange and yellow.
My excuse was that it was getting late and I was tiring... The tones did come out of the posterised image.

9) Sky Blue.
I must have been very tired at this point!

These last two are what I shall work on first!