Skip to content

LaunchFastShop/oklchtools.com

Repository files navigation

OKLCH converter - convert hsl, rgb and hex to OKLCH format

LaunchFast.shop

Launch your MVP in Record time

LaunchFast.shop - MVP development and fractional development support for small teams and solo founders

Launch your MVP in 4 weeks →


🔗 Try it Live

Use the OKLCH Tools online: oklchtools.com


A modern, open-source color converter and educational resource for the OKLCH color format. Built with React, TypeScript, and Tailwind CSS.

🎨 What is OKLCH?

OKLCH (OK Lightness, Chroma, Hue) is a modern color format that provides better perceptual uniformity than traditional RGB or HSL. This tool helps designers and developers understand, convert, and work with OKLCH colors in their projects.

✨ Features

  • Color Converter: Convert between OKLCH, RGB, HSL, and HEX color formats
  • Educational Content: Comprehensive guide explaining what OKLCH is and why to use it
  • Browser Support Info: Up-to-date browser compatibility information
  • CSS Examples: Practical examples for using OKLCH in CSS and Tailwind CSS
  • Modern UI: Beautiful, responsive interface built with shadcn/ui components
  • Fast Performance: Built with Vite and optimized for speed

🛠️ Tech Stack

  • Frontend: React 18, TypeScript
  • Styling: Tailwind CSS, shadcn/ui components
  • Build Tool: Vite
  • Routing: React Router DOM
  • Deployment: Cloudflare Pages (via Wrangler)
  • Package Manager: Bun

🙏 Acknowledgments


❤️ Made in Seoul

About

OKLCH converter - Convert HSL, RGB, HEX to OKLCH

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages