OKLCH palette generator
The Story
Perceptually even colour palettes in OKLCH: every hue equally light and colourful at each step, for sRGB and Display P3. Free, in the browser.
Palette Steps Add step + Add Chroma Colour space sRGB Display P3 All hues Display Layout Columns Rows Space between scales Space between steps Step names Theme System Light Dark Swatch info Name and step Hex code RGB OKLCH Contrast (white / black text) Always show, not only on hover + Add colour + Neutral + Brand colour Export… Import Copy link Undo Redo Reset everything… Legal notice Privacy policy Analysis Visualisation Contrast Brand colour ✕ A colour you already use, e.g. your logo colour, as hex, rgb(), hsl(), oklch() or color(display-p3 …). It becomes a scale of its own, and one of its steps is exactly this colour.
The palette editor shows your colour scales next to their settings, which needs a screen at least 820 pixels wide. Open it on a computer, or on a tablet in landscape.
Overview
Perceptually even colour palettes in OKLCH: every hue equally light and colourful at each step, for sRGB and Display P3. Free, in the browser.
Perceptually even colour palettes in OKLCH: every hue equally light and colourful at each step, for sRGB and Display P3. Free, in the browser.
Palette Steps Add step + Add Chroma Colour space sRGB Display P3 All hues Display Layout Columns Rows Space between scales Space between steps Step names Theme System Light Dark Swatch info Name and step Hex code RGB OKLCH Contrast (white / black text) Always show, not only on hover + Add colour + Neutral + Brand colour Export… Import Copy link Undo Redo Reset everything… Legal notice Privacy policy Analysis Visualisation Contrast Brand colour ✕ A colour you already use, e.g. your logo colour, as hex, rgb(), hsl(), oklch() or color(display-p3 …). It becomes a scale of its own, and one of its steps is exactly this colour.
The palette editor shows your colour scales next to their settings, which needs a screen at least 820 pixels wide. Open it on a computer, or on a tablet in landscape.
FAQ
What is OKLCH palette generator?
Perceptually even colour palettes in OKLCH: every hue equally light and colourful at each step, for sRGB and Display P3. Free, in the browser.
Where can I access OKLCH palette generator?
Use the official product link below. It is the destination recorded for this listing.
Where should I check current pricing and availability?
Check the current product page before making a decision. The directory's pricing category is a listing field, not a live price quote or availability guarantee.
What stack is OKLCH palette generator built with?
The CompassPad entry does not list a specific stack for OKLCH palette generator.
Is OKLCH palette generator free, or does it cost money?
The CompassPad listing records OKLCH palette generator as free to use. Check the product page for any optional paid options.
What we checked
- DISCOVEREDFound in the wild
This listing was discovered from a public launch post and the description above is drawn from the product's own website.
- LIVEProduct site
The product site resolved when this entry was added to the catalog.
Discussion
No comments yet. Be the first.
Join the conversation. Sign up to comment.
Sign up free