A next-generation tool to create blazing-fast documentation sites
API
created:12/30/2020
updated:12/30/2020
loc
109
comments
9%

LiquidColor

avatar of atanasster

Color item displaying the color as a block with the RGB value and a palette of lighter and darker colors. Design inspired by Liquid Design System.

A11y tests

#EB3C96
Vibrant Magenta
RGB (235,60,150)
#0F69AF
Rich Blue
RGB (15,105,175)
#2DBECD
Vibrant Cyan
RGB (45,190,205)
#A5CD50
Vibrant Green
RGB (165,205,80)
#E61E50
Rich Red
RGB (230,30,80)
#FFC832
Vibrant Yellow
RGB (255,200,50)
#149B5F
Rich Green
RGB (20,155,95)

Viewport

#EB3C96
Vibrant Magenta
RGB (235,60,150)
#0F69AF
Rich Blue
RGB (15,105,175)
#2DBECD
Vibrant Cyan
RGB (45,190,205)
#A5CD50
Vibrant Green
RGB (165,205,80)
#E61E50
Rich Red
RGB (230,30,80)
#FFC832
Vibrant Yellow
RGB (255,200,50)
#149B5F
Rich Green
RGB (20,155,95)
320px
#EB3C96
Vibrant Magenta
RGB (235,60,150)
#0F69AF
Rich Blue
RGB (15,105,175)
#2DBECD
Vibrant Cyan
RGB (45,190,205)
#A5CD50
Vibrant Green
RGB (165,205,80)
#E61E50
Rich Red
RGB (230,30,80)
#FFC832
Vibrant Yellow
RGB (255,200,50)
#149B5F
Rich Green
RGB (20,155,95)
375px
#EB3C96
Vibrant Magenta
RGB (235,60,150)
#0F69AF
Rich Blue
RGB (15,105,175)
#2DBECD
Vibrant Cyan
RGB (45,190,205)
#A5CD50
Vibrant Green
RGB (165,205,80)
#E61E50
Rich Red
RGB (230,30,80)
#FFC832
Vibrant Yellow
RGB (255,200,50)
#149B5F
Rich Green
RGB (20,155,95)
768px
#EB3C96
Vibrant Magenta
RGB (235,60,150)
#0F69AF
Rich Blue
RGB (15,105,175)
#2DBECD
Vibrant Cyan
RGB (45,190,205)
#A5CD50
Vibrant Green
RGB (165,205,80)
#E61E50
Rich Red
RGB (230,30,80)
#FFC832
Vibrant Yellow
RGB (255,200,50)
#149B5F
Rich Green
RGB (20,155,95)
1024px