``v2`` Feature List

[Mischback]

This is a meta issue for the features that should be provided with v2. It is not meant to track everything related to the v2 milestone, but instead be a backlog of required features / functions.

• Color Input
  • RGB with R, G and B in range [0..255] (#20)
  • RGB with hexadecimal input (output already implemented in #53)
  • RGB with HSL notation (#24)
  • RGB with HWB notation (#24)
  • CIELab with L in range [0..100] and a/b in range [-125..125]
  • CIELab with CIELCH notation with L in range [0..100], C in range [0..150] and H specified in deg ([0..360[).
  • OkLab with L in range [0..1] and a/b in range [-0.4..0.4]
  • OkLab with OkLCH notation with L in range [0..1], C in range [0..0.4] and H specified in deg ([0..360[) (#20, #36)
  • OkHSL
    • Ref: https://bottosson.github.io/posts/colorpicker/
    • Source: https://github.com/bottosson/bottosson.github.io/tree/master/misc/colorpicker
  • OkHSV
    • Ref: https://bottosson.github.io/posts/colorpicker/
    • Source: https://github.com/bottosson/bottosson.github.io/tree/master/misc/colorpicker
• Palette Management (genearal implementation: #37)
  • store palette items in IndexedDB of the browser (related: #17)
  • sort the palette by drag'n'drop (#40 / #43)
  • remove items from the palette (#37)
  • clear / reset palette
    • confirmation dialogue required/desired?
  • export to JSON
  • import from JSON
• Contrast Grid
  • the main output!
  • contrast ratio
  • contrast classification (WCAG2.0)
  • is this working without converting to RGB? (see #34)
  • allow sorting of the palette (by drag'n'drop) from the grid visualization (related: #40 / #43)
    • sort rows
    • sort columns (fix this in #43)
• Overall layout / interface
  • be as accessible as possible!
    • References
      • https://a11y-101.com/
      • https://www.magentaa11y.com/
    • Already known issues
      • drag'n'drop sorting of the palette has no alternative for non-mouse users
      • drag'n'drop is currently not working on touch devices, but there's a polyfill
  • tabs?
    • palette
    • color add form
    • contrast grid
    • (settings)
    • (about)