Colours
This seems like a good thing to have in your design system or style guide, so we have a handy tool to help you build a colour page!
A
- Name
- Brand
- Variable
- --color-brand
- Class Name
- bg-brand
- RGB
- 224, 78, 57
- HEX
- #E04E39
That's cool! Did you notice that you're rendering an Ember Component directly from your documentation, pretty cool! Also, notice that text example at the top of the colour sample? It is checking the contrast ratio against the WCAG recommendations.
If you want to try different text sizes you can pass in @textClasses with an array of text classes you want to test this colour against
A
A
A
- Name
- Brand
- Variable
- --color-brand
- Class Name
- bg-brand
- RGB
- 224, 78, 57
- HEX
- #E04E39
You can even pass multiple colours of text as classes too using @textColorClasses:
A
A
A
A
A
A
- Name
- Brand
- Variable
- --color-brand
- Class Name
- bg-brand
- RGB
- 224, 78, 57
- HEX
- #E04E39