Using the controls below you can easily change the scrollbar colors for your HTML page. Enter hexadecimal color values, for example: "#FF0033", in the textboxes and the preview areas on the right of the page will update to show your new colors. The 'Base Color' can be used to shade the entire scollbar, and the following colors to further refine parts of the scrollbar. The cascading style sheet code for the scrollbars that you create is displayed automatically below. By copying this code and pasting it into your HTML page you will be able to quickly change the scrollbars for your website.
You can select styles from the dropdown menu, and create new ones. Any new styles that you create will be automatically saved as you create them. You can return to this page at any time and see your styles or create new ones.
Please note that colored scrollbars are only available for Internet Explorer, not Mozilla or Firefox.
CSS Scrollbar Color Changer
Insert the following in your HTML page to change the scrollbars:
If you need a color picker then you're welcome to use our free ColorPic
You may also be interested in…
Our popular Color Picker has an inbuilt magnifier and allows you to save full palettes of colors.
Use the HTML developer's handy toolbox to run reports and analyze your HTML in a myriad of different ways.