From f1c517da618ba92e537e8e4856203fe988df8636 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Mon, 24 Jun 2024 17:07:19 +0200 Subject: Update --- src/functions/colors/_oklch.scss | 88 ++++++++++++++++++++++++++++++++++++++++ 1 file changed, 88 insertions(+) create mode 100644 src/functions/colors/_oklch.scss (limited to 'src/functions/colors/_oklch.scss') diff --git a/src/functions/colors/_oklch.scss b/src/functions/colors/_oklch.scss new file mode 100644 index 0000000..e3df041 --- /dev/null +++ b/src/functions/colors/_oklch.scss @@ -0,0 +1,88 @@ +/* stylelint-disable scss/dollar-variable-pattern */ +/* stylelint-disable scss/at-function-pattern */ + +@use 'sass:list'; +@use 'sass:math'; +@use 'sass:meta'; +@use 'sass:string'; +@use '@oddbird/blend/sass/convert' as blend-convert; +@use '@oddbird/blend/sass/utils/pow'; +@use 'iro-sass/src/index' as iro; + +@function lin_sRGB_to_Oklab($color) { + $r_: list.nth($color, 1); + $g_: list.nth($color, 2); + $b_: list.nth($color, 3); + + $l: pow.cbrt(0.4122214708 * $r_ + 0.5363325363 * $g_ + 0.0514459929 * $b_); + $m: pow.cbrt(0.2119034982 * $r_ + 0.6806995451 * $g_ + 0.1073969566 * $b_); + $s: pow.cbrt(0.0883024619 * $r_ + 0.2817188376 * $g_ + 0.6299787005 * $b_); + + @return ( + 0.2104542553 * $l + 0.7936177850 * $m - 0.0040720468 * $s, + 1.9779984951 * $l - 2.4285922050 * $m + 0.4505937099 * $s, + 0.0259040371 * $l + 0.7827717662 * $m - 0.8086757660 * $s, + ); +} + +@function Oklab_to_lin_sRGB($color) { + $l_: list.nth($color, 1); + $a_: list.nth($color, 2); + $b_: list.nth($color, 3); + + $l: $l_ + 0.3963377774 * $a_ + 0.2158037573 * $b_; + $m: $l_ - 0.1055613458 * $a_ - 0.0638541728 * $b_; + $s: $l_ - 0.0894841775 * $a_ - 1.2914855480 * $b_; + + $l: $l * $l * $l; + $m: $m * $m * $m; + $s: $s * $s * $s; + + @return ( + 4.0767416621 * $l - 3.3077115913 * $m + 0.2309699292 * $s, + -1.2684380046 * $l + 2.6097574011 * $m - 0.3413193965 * $s, + -0.0041960863 * $l - 0.7034186147 * $m + 1.7076147010 * $s, + ); +} + +@function oklch($arg) { + $l: math.div(list.nth($arg, 1), 100%); + $c: list.nth($arg, 2); + $h: list.nth($arg, 3); + + @return blend-convert.rgbToSass( + blend-convert.gam_sRGB( + Oklab_to_lin_sRGB( + blend-convert.LCH_to_Lab($l $c $h) + ) + ) + ); +} + +@function parse-oklch($color) { + @if meta.type-of($color) == 'color' { + @return blend-convert.Lab_to_LCH( + lin_sRGB_to_Oklab( + blend-convert.lin_sRGB( + blend-convert.sassToRgb($color) + ) + ) + ); + } + + @if meta.type-of($color) != 'string' { + @return null; + } + + @if string.slice($color, 1, 6) == 'oklch(' { + $args: string.split(string.slice($color, 7, -2), ' '); + + $l: math.div(iro.fn-to-number(list.nth($args, 1)), 100%); + $c: iro.fn-to-number(list.nth($args, 2)); + $h: iro.fn-to-number(list.nth($args, 3)); + + @return $l $c $h; + } + + @return null; +} -- cgit v1.2.3-54-g00ecf