A next-generation tool to create blazing-fast documentation sites
API
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

color-1
HEX: #fbce4a
RGB: 251, 206, 74
color-2
HEX: #fcfbe8
RGB: 252, 251, 232
color-3
HEX: #fff4d5
RGB: 255, 244, 213
color-4
HEX: #f6cab7
RGB: 246, 202, 183
color-5
HEX: #ec96ad
RGB: 236, 150, 173
color-6
HEX: #ca589d
RGB: 202, 88, 157

Viewport

color-1
HEX: #fbce4a
RGB: 251, 206, 74
color-2
HEX: #fcfbe8
RGB: 252, 251, 232
color-3
HEX: #fff4d5
RGB: 255, 244, 213
color-4
HEX: #f6cab7
RGB: 246, 202, 183
color-5
HEX: #ec96ad
RGB: 236, 150, 173
color-6
HEX: #ca589d
RGB: 202, 88, 157
320px
color-1
HEX: #fbce4a
RGB: 251, 206, 74
color-2
HEX: #fcfbe8
RGB: 252, 251, 232
color-3
HEX: #fff4d5
RGB: 255, 244, 213
color-4
HEX: #f6cab7
RGB: 246, 202, 183
color-5
HEX: #ec96ad
RGB: 236, 150, 173
color-6
HEX: #ca589d
RGB: 202, 88, 157
375px
color-1
HEX: #fbce4a
RGB: 251, 206, 74
color-2
HEX: #fcfbe8
RGB: 252, 251, 232
color-3
HEX: #fff4d5
RGB: 255, 244, 213
color-4
HEX: #f6cab7
RGB: 246, 202, 183
color-5
HEX: #ec96ad
RGB: 236, 150, 173
color-6
HEX: #ca589d
RGB: 202, 88, 157
768px
color-1
HEX: #fbce4a
RGB: 251, 206, 74
color-2
HEX: #fcfbe8
RGB: 252, 251, 232
color-3
HEX: #fff4d5
RGB: 255, 244, 213
color-4
HEX: #f6cab7
RGB: 246, 202, 183
color-5
HEX: #ec96ad
RGB: 236, 150, 173
color-6
HEX: #ca589d
RGB: 202, 88, 157
1024px