Generating Color Schemes using OKLCH colorspace

#e9b082ff

oklch(79.93% 0.0902 59.91)

Press / (slash) to view helpful tips and keyboard shortcuts. Press space to randomize colors.

Swatch (hue)

Swatch (lightness)

Shades

Tones

Tints

Complimentary

Analogous

Split Complimentary

Triadic

Triadic (inclusive)

Tetradic

Tetradic (inclusive)


I created this utility to experiment with the OKLCH colorspace and for refreshing my knowledge of color theory and SvelteJS. It was created over a weekend and does not use any server side code. Although, it has many features that are comparable to popular color generators, it is still a fun little tool hosted on Vercel.

If you believe the tool can be improved in some way, please feel free to reach me via email. My email is provided at the bottom of the page.

Todos

  • Allow exporting color palettes (and/or currently zoomed one).
  • Double click on a color to set it as base color.

Completed

  • Allow sharing of color-palettes by linking to a permalink.
  • Single click on a color to copy it.
  • Bug in input for hex color - user can not type a hex color.
  • Random color should also vary in chroma instead of being fixed at max chroma.
  • Highlight base color in all palettes.
  • Lightness in Color palettes (e.g. triadic, tetradic, etc) should be relative to base color.