Pinned Tweet
oklch is great. betterLCH takes it further.
A tool for advanced color manipulations and precise contrast control — sync with @figma and see your whole theme update instantly.
Try it free at betterlch.com/
Details in a thread.
#oklch #apca #figma #designsystems
APCA is a modern, perception-based contrast standard. WCAG is still the legal one. betterLCH now supports both.
Obtain the right contrast for any color combination.
#oklch #accessibility #a11y #apca #wcag #designsystems
Infinite color combinations. Almost identical contrast every time. This is what contrast generation looks like — not checking, generating.
Deep dive into betterLCH — a color tool I've built for design system teams who want full control over their color system.
Links in thread.
5 years ago I built a Bricks Constructor in Figma.
It always felt unfinished.
Aligning and stacking bricks on the canvas was just too painful — so it sat there, incomplete.
@figma Make finally changed that.
Now it's interactive, and it's live: bit.ly/3NwECUP
When you're done, export directly to Figma as variables.
Change one base color → your entire design system updates in seconds.
Try it yourself at betterlch.com/
It started with a glance at Geist Pixel and ended up as a @figma template that helps to precisely align the font with patterns and pixel grid: figma.com/community/file/160…
Quick check of the updated @figma glass effect for the upcoming betterLCH app icon.
betterlch.com/
A few months ago, I started building a color tool that will satisfy this and all my other needs in my daily work with multi-brand applications:
• P3 gamut
• OKLCH colors
• Relative Chroma
• APCA contrast
• Figma and CSS export
Sneak peek at betterlch.com
And, of course, credit to @antiflasher and @evilmartians for their absolutely incredible open source tools.