# Change colors of your website

## Guiding Video

{% embed url="<https://www.youtube.com/watch?v=knGuCkeMctg&t=183s>" %}

Go to `System Setting` ![sau đó](https://lh3.googleusercontent.com/3_l97rr0GvhSP2XV5OoCkV2ZDTIisAOczrSdzNCBxhIKWrjXjHucxNwocghoUa39gw=w36-h36)`Setup`![sau đó](https://lh3.googleusercontent.com/3_l97rr0GvhSP2XV5OoCkV2ZDTIisAOczrSdzNCBxhIKWrjXjHucxNwocghoUa39gw=w36-h36)`Color Scheme`

Change your color scheme to your preferences (4 colors in total) ![sau đó](https://lh3.googleusercontent.com/3_l97rr0GvhSP2XV5OoCkV2ZDTIisAOczrSdzNCBxhIKWrjXjHucxNwocghoUa39gw=w36-h36)`Update` to save the change.

![](https://34448296-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mc36xfvNUZ7-wIWAhWb%2F-McI9WwWmedgHAw4r1v3%2F-McIDzBeWevuuhw8DwHt%2FHuong-dan-cai-dat-he-thong-mau-sac-hoola.jpg?alt=media\&token=6bfa438b-3ffe-44a9-be81-5b82b6e1c7a8)

## Tips to choose a color scheme

### 1. Pick colors from websites:  [ColorPick Eyedro](https://chrome.google.com/webstore/detail/colorpick-eyedropper/ohcpnigalekghcmgcdcenkpelffpdolg?hl=en)

![](https://34448296-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mc36xfvNUZ7-wIWAhWb%2F-McIECQEOFWS_7ZxZlvT%2F-McIFlTvTnm-UDX289__%2FHuong-dan-cai-dat-he-thong-mau-sac-1-hoola.jpg?alt=media\&token=e3074c62-fbe6-4532-b15e-ea69d93ea042)

### 2. Color Scheme Generator: [Color Scheme Designer](https://colorschemedesigner.com/csd-3.5/)

![](https://34448296-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mc36xfvNUZ7-wIWAhWb%2F-McIXk_hIp-ledoLAlvg%2F-McIeV6r4QdqTP5cymgj%2FHuong-dan-cai-dat-he-thong-mau-sac-2-hoola.jpg?alt=media\&token=2107eb3c-e437-4d91-b608-24f72c1f92f9)