HTML Color Chart and Hex Color Picker

This color chart provides clickable hexadecimal color samples. Select a swatch to update the preview and copy its value for CSS or other web design work.

Clickable color chart Top ↑

Use a hex color in CSS Top ↑

.notice {
  background-color: #336699;
  color: #ffffff;
}

Check text contrast Top ↑

A visually attractive color is not automatically readable behind text. Test foreground/background contrast, focus indicators and link states before using a color combination in production.

Detailed color combinations Color slider Native color picker

Subhendu Mohapatra

Author & Instructor at plus2net

I write and maintain practical tutorials on Python, PHP, SQL, JavaScript, HTML, jQuery, and web development at plus2net. The tutorials focus on clear explanations, working examples, and code that readers can test and adapt while learning.

About the author   Watch on YouTube

Connect: