Today’s ColumbusJS meetup included a remote talk by Ben Frain who stayed up late (22:30 GMT) to talk about CSS colors. It was a nice short talk introducing the why and practical how for modern colorspaces in CSS i.e. LCH and OkLCH.

As usual I am trying to learn how to learn. I want to think in color wheel degrees rather than in RGB values

However one of Ben’s points was, as I wrote down in my notes, “don’t worry about memorising syntaxes”. In any case, his advice was to really dig into web inspector in existing CSS to change color definitions.

I enjoyed his demo of color manipulation was quite...

ColumbusJS - Upcoming Events

Know some JavaScript? Want to know more? Join us at our monthly meeting or online on Discord as we discuss JavaScript and it's related technologies.

In case you’ve never heard of #Oklab or #Oklch: among other benefits, they help smooth out transitions between colors. You won't get muddy gradients on your particles or unintentional spikes in brightness (aka value).

Oklab was developed by Björn Ottosson
🙏

Volume Color Editor is the best #OKLCH color picker and palette generator I’ve seen. It’s really neat how you can combine patterns!
https://www.volumecolor.io/editor

It’s available as a standalone web tool and now as a #Figma plugin, too.
#oklab #colorprofiles #arttools

@Niina Jos tällainen muotoilurajoite auttaa, niin valkkaa alkuun pelkästään harmaasävyjä ja rakenna niillä saavutettavat ja hyvännäköiset nettisivut. Sit lopuksi #Oklab voi lisätä sinne värit.

https://en.wikipedia.org/wiki/Oklab_color_space

Just found out about the #Oklab color space and #Oklch and how they are already a part of #CSS. Very nice work.

Not sure if I'm up for the task technically or mathematically just yet, but at least conceptually, I'm thinking of creating a new 8-bit 256-color palette that is optimized for displaying the most amount of colors that the average human eye perceives. Oklab might well provide a good starting point for that.

#Color #ColorWheel #Palette

Как сравниваются изображения — от MSE до Dino

Моя страсть к накопительству картинок зародилась еще в эпоху диалапа, когда каждый JPEG проявлялся построчно под писк и скрежет модема, а бэкап стянутых с BBS цифровых сокровищ на дискету напоминал ритуал. С тех пор куча скарба разрослась до масштабов домашнего дата‑центра: здесь доисторические смишные мемы, тонны диснеевского клипарта, сканы журналов, галереи фанарта от известных в узких кругах артоделов, масса неотсортированного фототреша из собственных поездок, картинки природы и красоток, порция клубнички, шедевры CGI, нейроарт и фотографии Элизабет Уинстон. Проблема в том, что весь этот терабайтный зоопарк из разных разрешений, битности и форматов — абсолютно неструктурированная свалка, и попытка найти нужное превращается в квест «убей свои выходные». По мере роста коллекции я пробовал подряд все костыли, которые лучшие умы изобретали для сравнения изображений. В этой статье я пройдусь по эволюционной цепочке: от одноклеточных хэш‑сумм до венца творения — свежесобранного монстра DINOv3. Объять необъятное не выйдет — по каждому методу сравнения можно катать лонгрид иллюстрациями и с примерами кода (что, возможно, и сделаю, если меня не закидают жжёными тряпками). Но сейчас попробую изложить суть: как метод устроен, когда он тащит, а когда выдает откровенный бред. Поехали

https://habr.com/ru/articles/986360/

#hash #sift #dinov2 #moments #histogram #oklab #rgb #orb #сравнение_изображений

Как сравниваются изображения — от MSE до Dino

Моя страсть к накопительству картинок зародилась еще в эпоху диалапа, когда каждый JPEG проявлялся построчно под писк и скрежет модема, а бэкап стянутых с BBS цифровых...

Хабр
Oh #figma when will you get #oklch and #oklab

Will I ever think in chroma and hue rather than RGB color mixes?

The Oklab color space functional notation (oklch) describes a color by four values: lightness (black/white), chroma, hue, and alpha.

Red Green Blue (RGB) and Cyan Magenta Yellow Black (CMYK) describe mixes of color.

oklch(0.7 0.1 112) is rgb(160, 165, 88) or cmyk(3.03%, 0%, 46.67%, 35.29%) or “Dark Khaki” in plain language.

I am sure there are some of us that can think in chroma and hue, but I am not one of them. Thinking about colors in geometrical space makes my head hurt. I have a hard enough time thinking in CMYK. For whatever reason, my brain is more able to parse the RGB color mix into a...

https://nokoto.org/node/579

Will I ever think in chroma and hue rather than RGB color mixes?

nokoto

Will I ever think in chroma and hue rather than RGB color mixes?

The Oklab color space functional notation (oklch) describes a color by four values: lightness (black/white), chroma, hue, and alpha.

Red Green Blue (RGB) and Cyan Magenta Yellow Black (CMYK) describe mixes of color.

oklch(0.7 0.1 112) is rgb(160, 165, 88) or cmyk(3.03%, 0%, 46.67%, 35.29%) or “Dark Khaki” in plain language.

I am sure there are some of us that can think in chroma and hue, but I am not one of them. Thinking about colors in geometrical space makes my head hurt. I have a hard enough time thinking in CMYK. For whatever reason, my brain is more able to parse the RGB color mix into a...

https://nokoto.org/user/3/posts/579

Will I ever think in chroma and hue rather than RGB color mixes?

nokoto

[Перевод] Цветовая модель OKLCH

OKLCH — это довольно новая цветовая модель, разработанная для обеспечения визуальной однородности. Это означает, что цвета гораздо точнее с точки зрения восприятия человеком, что упрощает работу с ними.

https://habr.com/ru/articles/940800/

#цветовые_пространства #srgb #oklch #oklab #hsv

Цветовая модель OKLCH

OKLCH — это довольно новая цветовая модель, разработанная для обеспечения визуальной однородности. Это означает, что цвета гораздо точнее с точки зрения восприятия человеком, что упрощает работу с...

Хабр