• Design Tokens
    • Icons
    • Colors
    • Border Radius
    • Size
    • Space
    • Ratio
    • Time
    • Font Size
    • Font Family
    • Line Height
    • Z Index
  • Components
    • Carousel / Slider
    • Character Counter
    • Class Toggle
    • Command menu
    • Contrast checker
    • Date Picker
    • Dot Matrix Clock
    • Drawer
    • Form Validation
    • Gauge
    • Graph
    • Icon
    • Panel
    • Popout
    • Relative Time
    • SVG to Base64
    • Search menu
    • Select
    • Select 2 Range
    • Select Multiple
    • Show / Hide Password
    • Tab
    • Tab Group
    • Table Actions
    • Table Search & Sort
    • Toast
  • Search

Contrast checker

This component allow to test colours combinations and find out only those where contrast ratio is enough.

Examples (1)
Example Code
<as-contrast-checker></as-contrast-checker>
Files
  • as-contrast-checker-component.js
  • as-contrast-checker-component.css