-
The site mentions that hex, rgb, rgba, hsl, hsla and CSS named colour values are supported. My question here now is: What are the different patterns? I do know for a fact that hex can be Additionally, would I like to know, if the badges support completely transparent colours to just display text within a document? |
Beta Was this translation helpful? Give feedback.
Replies: 1 comment 1 reply
-
https://github.com/badges/shields/tree/master/badge-maker#colors may be helpful In general you should be able to use any valid CSS colour, so rgb, rgba, hsl, hsla etc should all work fine e.g: Transparency should also work fine too. For example: |
Beta Was this translation helpful? Give feedback.
https://github.com/badges/shields/tree/master/badge-maker#colors may be helpful
In general you should be able to use any valid CSS colour, so rgb, rgba, hsl, hsla etc should all work fine e.g:
https://img.shields.io/badge/foo-bar-hsl%28270%2C60%25%2C70%25%29
https://img.shields.io/badge/foo-bar-hsla%28240%2C%20100%25%2C%2050%25%2C%201%29
https://img.shields.io/badge/foo-bar-rgb%28255%2C%200%2C%20153%2C%201%29
https://img.shields.io/badge/foo-bar-rgba%2851%2C%20170%2C%2051%2C%20%201%29
although the URLs are not super readable.
Transparency should also work fine too. For example:
https://img.shields.io/badge/foo-bar-hsl(270%2C%2060%25%2C%2050%25%2C%2010%25)