created:12/30/2020
updated:12/30/2020
loc
108
comments
9%
XColor
Color item displaying the color as a circle with the variable name, HEX, RGB, CMYK, and PANTONE values below. Design inspired by Biteable's Design System X.
Name | Description | Default | Controls |
|---|---|---|---|
| name | name of the color, If none, or same as the color value, some color blocks will not display it string | - | |
| color | color value as a string. accepted hex, rgb, hsl color strings ColorValue | - |
Lady Black
HEX
3C3C3B
RGB
60,60,59
CMYK
0,0,2,76
Pantone
447C
id | description | |
|---|---|---|
avoid-inline-spacing | Ensure that text spacing set through style attributes can be adjusted with custom stylesheets... | |
color-contrast | Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds... |