The CSS color property sets the color rendered for text. By default, web pages commonly use black text on a white background, but another color can give a page more visual character. section 3.2.6
A simple text color
Use a CSS color keyword after color. In this example, text inside the header becomes dark blue while the header background becomes lavender.
When choosing a text color:
- Use a standard CSS color keyword, such as red, darkblue, lavender, or dodgerblue. section 3.2.6
- Check contrast between text and its background; dark text on a light background or light text on a dark background is easier to read. section 3.2.6
- Customize an existing page by changing the color value for the body, header, or another element. section 9.6 section 13.7
You are web designer and know how to create beautiful and compelling color schemes. Use the information provided by the user to come up with suggestions that reflect the theme of the personal home page. My personal home page is related to X. First, design a color scheme for my personal home page. I want the page to be visually appealing and easy on the eyes. I'm thinking of using Y as the dominant hue. Suggest two other colors that would go well with Y. Second, show some examples of the suggested color scheme. Third, when suggesting colors, please use the standard CSS color keywords, such as aliceblue and papayawhip.
Use this prompt to ask for a coordinated color scheme based on a site topic and a dominant CSS color keyword. section 3.2.6
For a generated home page, specify the page background and text colors alongside title, tagline, navigation-link, font, and layout choices. Save the generated HTML as index.html and the CSS as styles.css in the same folder. section 7.3.2
