.valid {
	--color-rcs-1: color(from color(a98-rgb 0.7 0.5 0.3) a98-rgb r g b / alpha);
	--color-rcs-3: color(from color(prophoto-rgb 0.7 0.5 0.3) prophoto-rgb r g b);
	--color-rcs-5: hwb(from hwb(50deg 20% 30%) h w b);
	--color-rcs-6: lab(from lab(40% 56.6 39) l a b);
	--color-rcs-7: lch(from lch(40% 56.6 39) l c h);
	--color-rcs-8: oklab(from oklab(40% 0.566 0.39) l a b);
	--color-rcs-9: oklch(from oklch(40% 0.566 39deg) l c h);
	--color-rcs-10: rgb(from blue r g b);
	--color-rcs-11: rgb(from blue r g b / alpha);
	--color-rcs-12: hsl(from blue h s l / alpha);
	--color-rcs-13: rgba(from blue r g b);
	--color-rcs-14: hsla(from blue h s l);
	--color-rcs-15: rgba(from blue r g b / alpha);
	--color-rcs-16: hsla(from blue h s l / alpha);
}

.invalid {
	--color-rcs-invalid-1: rgb(from blue r, g, b);
	--color-rcs-invalid-2: hsl(from blue h, s, l);
	--color-rcs-invalid-3: rgb(from blue r, g, b, alpha);
	--color-rcs-invalid-4: hsl(from blue h, s, l, alpha);
	--color-rcs-invalid-5: rgba(from blue r, g, b);
	--color-rcs-invalid-6: hsla(from blue h, s, l);
	--color-rcs-invalid-7: rgba(from blue r, g, b, alpha);
	--color-rcs-invalid-8: hsla(from blue h, s, l, alpha);
}


.spec-example-10 {
	background: oklab(from oklab(54.3% -22.5% -5%) calc(1.0 - l) calc(a * 0.8) b);
}

.spec-example-11 {
	background: oklch(from oklch(52.6% 0.115 44.6deg) l c calc(h + 90));
}

.spec-example-12 {
	color: lch(from green calc(l / 2) c h);
}

.spec-example-13 {
	background: rgb(from blue r g b / 80%);
}

.spec-example-14 {
	--blue-into-gray: rgb(from blue calc(r * .3 + g * .59 + b * .11) calc(r * .3 + g * .59 + b * .11) calc(r * .3 + g * .59 + b * .11));
	--red-into-gray: rgb(from red calc(r * .3 + g * .59 + b * .11) calc(r * .3 + g * .59 + b * .11) calc(r * .3 + g * .59 + b * .11));
	--line-into-gray: rgb(from lime calc(r * .3 + g * .59 + b * .11) calc(r * .3 + g * .59 + b * .11) calc(r * .3 + g * .59 + b * .11));
	--darkolivegreen-into-gray: rgb(from darkolivegreen calc(r * .3 + g * .59 + b * .11) calc(r * .3 + g * .59 + b * .11) calc(r * .3 + g * .59 + b * .11));
}

.spec-example-15 {
	color: color(from color(srgb 0 0 0 / 60%) srgb alpha 0.6 0.6 / 0.9);
}

.spec-example-15 {
	color: color(from color(srgb 0 0 0 / 60%) srgb alpha 0.6 0.6 / 0.9);
}

.spec-example-16 {
	background: linear-gradient(in Oklab to right, oklch(from hsl(none 3% 50%) calc(l * 0.8) c h), #4C3);
}

.spec-example-17 {
	color: rgb(from indianred 255 g b);
}

.spec-example-18 {
	color: rgba(from darkblue 16, 32, b, 0.5);
}

.spec-example-19 {
	color: rgb(from darkblue 16 32 b / 0.5);
}

.spec-example-20 {
	color: hsl(from lightseagreen calc(h + 180) s l);
}

.spec-example-21{
	color-1: lab(from rgb(20 30 40 / 50%) l a b / 100%);
	color-2: lab(from rgb(20 30 40 / 50%) l a b / calc(alpha * 0.8))
}

.spec-example-22 {
	--mygray: lab(from orchid l 0 0);
}

.spec-example-23 {
	color: lch(from peru calc(l * 0.8) c h);
}

.spec-example-24 {
	--complement: lch(from lightseagreen l c calc(h + 180));
}

.spec-example-25 {
	--mygray: lch(from orchid l 0 h);
	--mymuted: lch(from lch(from orchid l 0 h) l 30 h);
}

.spec-example-26 {
	color: lch(from lch(60% 90 320) l c calc(h - 120));
	color-2: hsl(from lch(60% 90 320) calc(h - 120) s l);
}

.spec-example-27 {
	color: oklch(from lch(60% 90 320) l c calc(h - 120));
}

.experimental-features-from-the-color-parser {
	color: hsla(from contrast-color(pink) h s l / alpha);
}
