A color palette is a coordinated selection of colors that gives a web page a more attractive, readable, and purposeful appearance. section 3.0
Build a simple palette by choosing:
- One dominant hue for major areas such as the header background. section 3.2.6 section 3.2.8
- Two complementary colors for titles, subtitles, headings, or other accents. section 3.2.6 section 3.2.8
- Enough contrast between text and backgrounds, such as dark text on light backgrounds or light text on dark backgrounds. section 3.2.6
A small CSS palette
CSS applies one color to text and another to an element’s background: color: darkblue; background-color: lavender;. Standard CSS color keywords can make the choices easy to copy into generated page code. section 3.2.6
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 a structured prompt to describe the page theme, select a main hue such as dodgerblue, request two compatible colors, and require standard CSS color keywords. section 3.2.6
A palette becomes useful when its colors are assigned deliberately to the header, page title, subtitle, headings, and regular text through CSS. section 3.2.8
