> For the complete documentation index, see [llms.txt](https://learncss.gitbook.io/cssadvand/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://learncss.gitbook.io/cssadvand/that-khong-the-tin-duoc-su-dung-filter-brightness-0-invert-1-de-chuyen-mau-anh.md). # Thật không thể tin được sử dụng filter: brightness(0) invert(1); để chuyển màu ảnh 🤣 ### Example 1
``` img { filter: brightness(0) invert(1); } ``` **Tool Hex Color To CSS Filter Converter** [**https://isotropic.co/tool/hex-color-to-css-filter/**](https://isotropic.co/tool/hex-color-to-css-filter/)
### Example 2: HOW TO ANIMATE AN IMAGE USING - HTML & CSS
```html Document
contact.png
``` ```css * { margin: 0; padding: 0; box-sizing: border-box; } body { display: flex; justify-content: center; align-content: center; width: 100%; min-height: 100vh; background: #111; animation: animate 1s linear infinite; } @keyframes animate { 0% { filter: hue-rotate(0deg); } 100% { filter: hue-rotate(360deg); } } .img-box { width: 500px; height: 450px; } .img-box img { width: 100%; height: 100%; } ```