There is a demo of this library in use. You can also find a bookmark-let to use this there.
Import this library, call justShowMeTheColors() after the DOM has rendered,
and see all colors mentioned in the document get rendered in the correct
color.
<html>
<body>
...
<script src="./just.show.me.the.colors.js"></script>
<script>
justShowMeTheColors();
</script>
</body>
</html>Works on the following format of colors:
- red
- orangered
- #456aad
- #46d
- hsl(240, 75%, 75%)
- hsla(240, 75%, 75%, 0.5)
- rgb(123, 45, 67)
- rgba(123, 45, 67, 0.5)
If you do not want colors to be replaced in some elements, add the data attribute
data-do-not-color to them and their children will be spared.
If you want colors to be replaced on only one element (and all its children),
then you can call justShowMeTheColors(elementToColor).
IE7 and up, Firefox 27, Chrome 29.
It probably works on older versions of Firefox, Chrome and IE as well.
None. This should be compatible with most browsers out there.