#Design #Launches
Oklchroma · Generate harmonious color scales based on OKLCH https://ilo.im/162up2
_____
#Generator #Color #ColorPatterns #ColorScales #OKLCH #Design #WebDesign #WebDev #Frontend #CSS
I've been having SO much fun playing with oklch() colors, and now I'm thrilled to share my little page! 
Create patterns, experiment with color inputs, and easily copy the CSS or share your masterpieces. Have fun! :)
#OKLCH is a (relatively) new color space model designed for digital media. It represents colors in a way that's perceptually uniform, i.e.: changes in color values more closely match how humans actually see color differences. The model allows for precise, predictable color adjustments, especially in CSS for web design.
Here's a free tool to play around with it (coded by Evil Martians) – and a lot of background info:
New blog post! I wrote about some experiments with the OKLCH color space in CSS for use in data visualization and for improving color contrast for accessibility.
This work came out of experimenting with OKLCH and the ColorJS library developed by @leaverou using Observable Notebooks.
I server side rendered the SVG examples in the post using Eleventy, Nunjucks, and @observablehq's PlotJS to keep the post JS free.
OKLCH in CSS: why we moved from RGB and HSL—Martian Chronicles, Evil Martians’ team blog
https://evilmartians.com/chronicles/oklch-in-css-why-quit-rgb-hsl
> The new CSS Color 4 specification has added the new oklch() notation for declaring colors. In this post, we explain why this is important for design systems and color palettes.
