created:12/30/2020
updated:12/30/2020
loc
68
comments
15%

AltaColor

avatar of atanasster

Color item displaying the color as a block, as well as hex(string) and rgb values. inspired by Alta UI.

A11y tests

shadow
HEX: #000000
RGB: 0, 0, 0, 0.1
 
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...

Viewport

shadow
HEX: #000000
RGB: 0, 0, 0, 0.1
320px
shadow
HEX: #000000
RGB: 0, 0, 0, 0.1
375px
shadow
HEX: #000000
RGB: 0, 0, 0, 0.1
768px
shadow
HEX: #000000
RGB: 0, 0, 0, 0.1
1024px