Google's highlights

Useful CSS

For your information, these are the colours used by Google to highlight multiple search terms.

Highlight colours

Previously, ten colour combinations were used:

1. Search Term 01 { background-color: #ff6; color: #000; }
2. Search Term 02 { background-color: #aff; color: #000; }
3. Search Term 03 { background-color: #9f9; color: #000; }
4. Search Term 04 { background-color: #f99; color: #000; }
5. Search Term 05 { background-color: #f6f; color: #000; }
6. Search Term 06 { background-color: #800; color: #fff; }
7. Search Term 07 { background-color: #0a0; color: #fff; }
8. Search Term 08 { background-color: #860; color: #fff; }
9. Search Term 09 { background-color: #049; color: #fff; }
10. Search Term 10 { background-color: #909; color: #fff; }

Lately however, the palette has been simplified and it now only has five colours:

1. Search Term 01 { background-color: #ff0; color: #000; }
2. Search Term 02 { background-color: #0ff; color: #000; }
3. Search Term 03 { background-color: #f0f; color: #000; }
4. Search Term 04 { background-color: #7fff00; color: #000; }
5. Search Term 05 { background-color: #1e90ff; color: #000; }

A screenshot

Seeing is believing.

Reference

• www.google.com