Skip to content
master
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
 
 
 
 

Just Show Me The Colors

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).

Browser Support

IE7 and up, Firefox 27, Chrome 29.

It probably works on older versions of Firefox, Chrome and IE as well.

Dependencies

None. This should be compatible with most browsers out there.

About

A Javascript library to color all the CSS3 colors on a HTML page.

Topics

Resources

License

Packages

No packages published