'uchu' can generate color palettes with an extended color gamut that supports OKLCH
OKLCH is a new color space format developed in 2020. It is designed with the characteristics of the human visual system in mind and aims to overcome the limitations of conventional color spaces such as RGB and HSL. In response to this OKLCH, ' uchu ' has been developed as an open source project that can generate color palettes with extended gamuts such as
GitHub - NeverCease/uchu: the color palette for internet lovers
https://github.com/NeverCease/uchu
The technical basis of OKLCH is Oklab , an improved version of the CIE Lab color space . Oklab more accurately models the nonlinearity of human color perception, allowing for more natural color changes, especially in the blue region. OKLCH represents Oklab in a polar coordinate system , and defines color with three components: L (Lightness), C (Chroma), and H (Hue).
For example, sRGB and P3 express colors as the intensity of R (red), G (green), and B (blue). However, this RGB-based representation method is unintuitive for humans, and it is complicated to edit and modify colors. In addition, it is difficult to predict the contrast ratio, which makes it difficult to ensure accessibility.
[code]color: color(display-p3 1 0 0);[/code]
On the other hand, OKLCH is a standard that defines how colors are represented, and is expressed as follows:
[code]color: oklch(60% 0.29 145);[/code]
L is specified in the range from 0 (black) to 1 (white). C can theoretically be specified up to infinity, but in practice it is limited by the color gamut of the display being used. H is specified in the range from 0 to 360 degrees, starting with red around 20 degrees, yellow around 90 degrees, green around 140 degrees, blue around 220 degrees, purple around 320 degrees, and so on.
OKLCH supports wide color gamuts such as P3 and Rec.2020, allowing you to take advantage of the rich color expression of the latest display technology. Vivid colors that could not be expressed in the conventional sRGB color space can now be specified using OKLCH.
A practical feature of OKLCH is that it allows you to intuitively modify and change colors. For example, changing only the brightness does not affect other elements, making it easy to adjust the contrast ratio, which is a major advantage, especially when creating
OKLCH is also an excellent choice for generating color palettes and building design systems. In particular, it allows you to create color derivatives and variations in a predictable way, which contributes to the realization of systematic design. In addition, OKLCH also shows excellent results in generating gradients, avoiding the muddy mid-tones and undesirable hue shifts that often occur with traditional RGB-based gradients. In other words, OKLCH plays an important role in modern web design as a color space that combines technical rigor and practicality.
uchu is a color palette that supports OKLCH, and it is possible to obtain the L, C, and H values of OKLCH. The demo site for uchu is below.
uchū demo · expanded palette
https://uchu.style/
The green page below shows three colors: light green, medium green, and dark green, each with its OKLCH representation value.
In addition, uchu is released under the ' Unlicense ' license, which is close to the public domain. Developer netop://wibi commented, 'Imagine 'owning' a color (lol).'
Related Posts:
in Software, Web Application, Design, Posted by log1i_yk