The Vibeary — tag
oklch
12 resources in The Vibeary tagged "oklch" — tools, libraries and references pulled from across the library's shelves, each one checked by hand before it was added.
Gems in this collection
OKLCH Color Picker & Converter
Interactive OKLCH picker showing the P3 and sRGB gamut slices live, so you can see which colors are unreachable.
Harmonizer
Evil Martians generator that produces color scales with matched perceptual contrast across hues using OKLCH and APCA math.
apcach
JavaScript library that generates colors from a target APCA contrast value instead of picking a color and checking after.
Themux
shadcn/ui theme generator producing OKLCH-based CSS variable sets with live component previews across light and dark modes.
OKLCH.fyi
Convert, generate and explore OKLCH colours and build perceptually even palettes from them.
shadcn Themer
Theme builder and gallery for shadcn/ui using an OKLCH colour picker, Google Fonts selection and radius controls, exporting ready CSS variables.
Rampkit
Local-first color system builder that extracts site colors, generates OKLCH ramps, explores pigment mixing and exports light and dark design tokens.
Hueclid
Extracts an accessible UI palette from any screenshot or photo using CIELAB clustering and Oklch gamut mapping.
Firelight
Interface and code colour palette with Coal, Smoulder and Ash variants, contrast-checked tokens, CSS variables and OKLCH values.
Default File UI
Open design system with OKLCH scales, copyable React components, CLI registry, and an MCP server for agent installs.
Colormason
Agent skill that turns one brand hex into OKLCH ramps, WCAG-checked semantic tokens, and Tailwind or CSS output offline.
Atmos Playground
Color system builder that generates full tonal scales from a few seeds and checks WCAG and APCA across every pairing.