Skip to content

pleisto/oklch-picker

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

OKLCH Palette Generator

Forked from LCH Color Picker, and add palette generator.

OKLCH is a new way to encode colors (like hex, RGBA, or HSL):

  • OKLCH has native browser support.
  • It can encode more colors for modern screens (P3, Rec. 2020, and beyond).
  • Unlike HSL, OKLCH always has predictable contrast after color transformation.
  • In contrast with LCH and Lab, no hue shift on chroma changes.
  • Provides great a11y on palette generation.

Additional links about Oklab:

Development

To run a local copy for development:

  1. Install correct versions of Node.js and pnpm. There are two ways:

    1. With asdf version manager:
      1. Install asdf and asdf plugins for Node.js and pnpm
      2. Run asdf install
    2. Manually (check needed versions in .tool-versions)
  2. Install dependencies:

    pnpm install
  3. Run local server:

    pnpm start

We recommend to install Prettier and EditorConfig plugins to your text editor.

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 70.6%
  • CSS 19.9%
  • Pug 8.3%
  • Other 1.2%