CSS Color Level 4: Computation of colors using color-mix() function syntax that result in out-of-gamut sRGB colors

Summary

Harness status: OK

Found 18 tests

18 Pass

Details

Result

Test Name

Message

Pass

Property color value 'color-mix(in hsl, color(display-p3 0 1 0) 100%, rgb(0, 0, 0) 0%)'

Asserts run

Pass	assert_true(true, "color doesn't seem to be supported in the computed style") at Test.<anonymous> ( /css/support/computed-testcommon.js:24:5)
Pass	assert_true(true, "'color-mix(in hsl, color(display-p3 0 1 0) 100%, rgb(0, 0, 0) 0%)' is a supported value for color.") at Test.<anonymous> ( /css/support/computed-testcommon.js:25:5)
Pass	assert_array_approx_equals([-0.511814, 1.01832, -0.310725], [-0.511814, 1.01832, -0.310726], 0.01, "Numeric parameters are approximately equal.") at Object.fuzzy_compare_colors [as comparisonFunction] ( /css/support/color-testcommon.js:35:7)
Pass	assert_equals("color(srgb - -)", "color(srgb - -)", "Color format is correct.") at Object.fuzzy_compare_colors [as comparisonFunction] ( /css/support/color-testcommon.js:37:7)
Pass	assert_equals("color(srgb -0.511814 1.01832 -0.310725)", "color(srgb -0.511814 1.01832 -0.310725)", "computed value should round-trip") at Test.<anonymous> ( /css/support/computed-testcommon.js:40:7)

Pass

Property color value 'color-mix(in hsl, lab(100 104.3 -50.9) 100%, rgb(0, 0, 0) 0%)'

Asserts run

Pass	assert_true(true, "color doesn't seem to be supported in the computed style") at Test.<anonymous> ( /css/support/computed-testcommon.js:24:5)
Pass	assert_true(true, "'color-mix(in hsl, lab(100 104.3 -50.9) 100%, rgb(0, 0, 0) 0%)' is a supported value for color.") at Test.<anonymous> ( /css/support/computed-testcommon.js:25:5)
Pass	assert_array_approx_equals([1.59343, 0.58802, 1.40564], [1.59343, 0.58802, 1.40564], 0.01, "Numeric parameters are approximately equal.") at Object.fuzzy_compare_colors [as comparisonFunction] ( /css/support/color-testcommon.js:35:7)
Pass	assert_equals("color(srgb )", "color(srgb )", "Color format is correct.") at Object.fuzzy_compare_colors [as comparisonFunction] ( /css/support/color-testcommon.js:37:7)
Pass	assert_equals("color(srgb 1.59343 0.58802 1.40564)", "color(srgb 1.59343 0.58802 1.40564)", "computed value should round-trip") at Test.<anonymous> ( /css/support/computed-testcommon.js:40:7)

Pass

Property color value 'color-mix(in hsl, lab(0 104.3 -50.9) 100%, rgb(0, 0, 0) 0%)'

Asserts run

Pass	assert_true(true, "color doesn't seem to be supported in the computed style") at Test.<anonymous> ( /css/support/computed-testcommon.js:24:5)
Pass	assert_true(true, "'color-mix(in hsl, lab(0 104.3 -50.9) 100%, rgb(0, 0, 0) 0%)' is a supported value for color.") at Test.<anonymous> ( /css/support/computed-testcommon.js:25:5)
Pass	assert_array_approx_equals([0.351376, -0.213938, 0.299501], [0.351376, -0.213938, 0.299501], 0.01, "Numeric parameters are approximately equal.") at Object.fuzzy_compare_colors [as comparisonFunction] ( /css/support/color-testcommon.js:35:7)
Pass	assert_equals("color(srgb - )", "color(srgb - )", "Color format is correct.") at Object.fuzzy_compare_colors [as comparisonFunction] ( /css/support/color-testcommon.js:37:7)
Pass	assert_equals("color(srgb 0.351376 -0.213938 0.299501)", "color(srgb 0.351376 -0.213938 0.299501)", "computed value should round-trip") at Test.<anonymous> ( /css/support/computed-testcommon.js:40:7)

Pass

Property color value 'color-mix(in hsl, lch(100 116 334) 100%, rgb(0, 0, 0) 0%)'

Asserts run

Pass	assert_true(true, "color doesn't seem to be supported in the computed style") at Test.<anonymous> ( /css/support/computed-testcommon.js:24:5)
Pass	assert_true(true, "'color-mix(in hsl, lch(100 116 334) 100%, rgb(0, 0, 0) 0%)' is a supported value for color.") at Test.<anonymous> ( /css/support/computed-testcommon.js:25:5)
Pass	assert_array_approx_equals([1.59328, 0.588284, 1.40527], [1.59328, 0.588284, 1.40527], 0.01, "Numeric parameters are approximately equal.") at Object.fuzzy_compare_colors [as comparisonFunction] ( /css/support/color-testcommon.js:35:7)
Pass	assert_equals("color(srgb )", "color(srgb )", "Color format is correct.") at Object.fuzzy_compare_colors [as comparisonFunction] ( /css/support/color-testcommon.js:37:7)
Pass	assert_equals("color(srgb 1.59328 0.588284 1.40527)", "color(srgb 1.59328 0.588284 1.40527)", "computed value should round-trip") at Test.<anonymous> ( /css/support/computed-testcommon.js:40:7)

Pass

Property color value 'color-mix(in hsl, lch(0 116 334) 100%, rgb(0, 0, 0) 0%)'

Asserts run

Pass	assert_true(true, "color doesn't seem to be supported in the computed style") at Test.<anonymous> ( /css/support/computed-testcommon.js:24:5)
Pass	assert_true(true, "'color-mix(in hsl, lch(0 116 334) 100%, rgb(0, 0, 0) 0%)' is a supported value for color.") at Test.<anonymous> ( /css/support/computed-testcommon.js:25:5)
Pass	assert_array_approx_equals([0.351307, -0.213865, 0.299236], [0.351307, -0.213865, 0.299236], 0.01, "Numeric parameters are approximately equal.") at Object.fuzzy_compare_colors [as comparisonFunction] ( /css/support/color-testcommon.js:35:7)
Pass	assert_equals("color(srgb - )", "color(srgb - )", "Color format is correct.") at Object.fuzzy_compare_colors [as comparisonFunction] ( /css/support/color-testcommon.js:37:7)
Pass	assert_equals("color(srgb 0.351307 -0.213865 0.299236)", "color(srgb 0.351307 -0.213865 0.299236)", "computed value should round-trip") at Test.<anonymous> ( /css/support/computed-testcommon.js:40:7)

Pass

Property color value 'color-mix(in hsl, oklab(1 0.365 -0.16) 100%, rgb(0, 0, 0) 0%)'

Asserts run

Pass	assert_true(true, "color doesn't seem to be supported in the computed style") at Test.<anonymous> ( /css/support/computed-testcommon.js:24:5)
Pass	assert_true(true, "'color-mix(in hsl, oklab(1 0.365 -0.16) 100%, rgb(0, 0, 0) 0%)' is a supported value for color.") at Test.<anonymous> ( /css/support/computed-testcommon.js:25:5)
Pass	assert_array_approx_equals([1.59295, 0.360371, 1.38571], [1.59295, 0.360371, 1.38571], 0.01, "Numeric parameters are approximately equal.") at Object.fuzzy_compare_colors [as comparisonFunction] ( /css/support/color-testcommon.js:35:7)
Pass	assert_equals("color(srgb )", "color(srgb )", "Color format is correct.") at Object.fuzzy_compare_colors [as comparisonFunction] ( /css/support/color-testcommon.js:37:7)
Pass	assert_equals("color(srgb 1.59295 0.360371 1.38571)", "color(srgb 1.59295 0.360371 1.38571)", "computed value should round-trip") at Test.<anonymous> ( /css/support/computed-testcommon.js:40:7)

Pass

Property color value 'color-mix(in hsl, oklab(0 0.365 -0.16) 100%, rgb(0, 0, 0) 0%)'

Asserts run

Pass	assert_true(true, "color doesn't seem to be supported in the computed style") at Test.<anonymous> ( /css/support/computed-testcommon.js:24:5)
Pass	assert_true(true, "'color-mix(in hsl, oklab(0 0.365 -0.16) 100%, rgb(0, 0, 0) 0%)' is a supported value for color.") at Test.<anonymous> ( /css/support/computed-testcommon.js:25:5)
Pass	assert_array_approx_equals([0.0763893, -0.0456266, 0.0932598], [0.0763893, -0.0456266, 0.0932598], 0.01, "Numeric parameters are approximately equal.") at Object.fuzzy_compare_colors [as comparisonFunction] ( /css/support/color-testcommon.js:35:7)
Pass	assert_equals("color(srgb - )", "color(srgb - )", "Color format is correct.") at Object.fuzzy_compare_colors [as comparisonFunction] ( /css/support/color-testcommon.js:37:7)
Pass	assert_equals("color(srgb 0.0763893 -0.0456266 0.0932598)", "color(srgb 0.0763893 -0.0456266 0.0932598)", "computed value should round-trip") at Test.<anonymous> ( /css/support/computed-testcommon.js:40:7)

Pass

Property color value 'color-mix(in hsl, oklch(1 0.399 336.3) 100%, rgb(0, 0, 0) 0%)'

Asserts run

Pass	assert_true(true, "color doesn't seem to be supported in the computed style") at Test.<anonymous> ( /css/support/computed-testcommon.js:24:5)
Pass	assert_true(true, "'color-mix(in hsl, oklch(1 0.399 336.3) 100%, rgb(0, 0, 0) 0%)' is a supported value for color.") at Test.<anonymous> ( /css/support/computed-testcommon.js:25:5)
Pass	assert_array_approx_equals([1.59328, 0.358736, 1.38663], [1.59328, 0.358734, 1.38664], 0.01, "Numeric parameters are approximately equal.") at Object.fuzzy_compare_colors [as comparisonFunction] ( /css/support/color-testcommon.js:35:7)
Pass	assert_equals("color(srgb )", "color(srgb )", "Color format is correct.") at Object.fuzzy_compare_colors [as comparisonFunction] ( /css/support/color-testcommon.js:37:7)
Pass	assert_equals("color(srgb 1.59328 0.358736 1.38663)", "color(srgb 1.59328 0.358736 1.38663)", "computed value should round-trip") at Test.<anonymous> ( /css/support/computed-testcommon.js:40:7)

Pass

Property color value 'color-mix(in hsl, oklch(0 0.399 336.3) 100%, rgb(0, 0, 0) 0%)'

Asserts run

Pass	assert_true(true, "color doesn't seem to be supported in the computed style") at Test.<anonymous> ( /css/support/computed-testcommon.js:24:5)
Pass	assert_true(true, "'color-mix(in hsl, oklch(0 0.399 336.3) 100%, rgb(0, 0, 0) 0%)' is a supported value for color.") at Test.<anonymous> ( /css/support/computed-testcommon.js:25:5)
Pass	assert_array_approx_equals([0.076536, -0.045825, 0.0937443], [0.076536, -0.045825, 0.0937443], 0.01, "Numeric parameters are approximately equal.") at Object.fuzzy_compare_colors [as comparisonFunction] ( /css/support/color-testcommon.js:35:7)
Pass	assert_equals("color(srgb - )", "color(srgb - )", "Color format is correct.") at Object.fuzzy_compare_colors [as comparisonFunction] ( /css/support/color-testcommon.js:37:7)
Pass	assert_equals("color(srgb 0.076536 -0.045825 0.0937443)", "color(srgb 0.076536 -0.045825 0.0937443)", "computed value should round-trip") at Test.<anonymous> ( /css/support/computed-testcommon.js:40:7)

Pass

Property color value 'color-mix(in hwb, color(display-p3 0 1 0) 100%, rgb(0, 0, 0) 0%)'

Asserts run

Pass	assert_true(true, "color doesn't seem to be supported in the computed style") at Test.<anonymous> ( /css/support/computed-testcommon.js:24:5)
Pass	assert_true(true, "'color-mix(in hwb, color(display-p3 0 1 0) 100%, rgb(0, 0, 0) 0%)' is a supported value for color.") at Test.<anonymous> ( /css/support/computed-testcommon.js:25:5)
Pass	assert_array_approx_equals([-0.511814, 1.01832, -0.310725], [-0.511814, 1.01832, -0.310726], 0.01, "Numeric parameters are approximately equal.") at Object.fuzzy_compare_colors [as comparisonFunction] ( /css/support/color-testcommon.js:35:7)
Pass	assert_equals("color(srgb - -)", "color(srgb - -)", "Color format is correct.") at Object.fuzzy_compare_colors [as comparisonFunction] ( /css/support/color-testcommon.js:37:7)
Pass	assert_equals("color(srgb -0.511814 1.01832 -0.310725)", "color(srgb -0.511814 1.01832 -0.310725)", "computed value should round-trip") at Test.<anonymous> ( /css/support/computed-testcommon.js:40:7)

Pass

Property color value 'color-mix(in hwb, lab(100 104.3 -50.9) 100%, rgb(0, 0, 0) 0%)'

Asserts run

Pass	assert_true(true, "color doesn't seem to be supported in the computed style") at Test.<anonymous> ( /css/support/computed-testcommon.js:24:5)
Pass	assert_true(true, "'color-mix(in hwb, lab(100 104.3 -50.9) 100%, rgb(0, 0, 0) 0%)' is a supported value for color.") at Test.<anonymous> ( /css/support/computed-testcommon.js:25:5)
Pass	assert_array_approx_equals([1.59343, 0.58802, 1.40564], [1.59343, 0.58802, 1.40564], 0.01, "Numeric parameters are approximately equal.") at Object.fuzzy_compare_colors [as comparisonFunction] ( /css/support/color-testcommon.js:35:7)
Pass	assert_equals("color(srgb )", "color(srgb )", "Color format is correct.") at Object.fuzzy_compare_colors [as comparisonFunction] ( /css/support/color-testcommon.js:37:7)
Pass	assert_equals("color(srgb 1.59343 0.58802 1.40564)", "color(srgb 1.59343 0.58802 1.40564)", "computed value should round-trip") at Test.<anonymous> ( /css/support/computed-testcommon.js:40:7)

Pass

Property color value 'color-mix(in hwb, lab(0 104.3 -50.9) 100%, rgb(0, 0, 0) 0%)'

Asserts run

Pass	assert_true(true, "color doesn't seem to be supported in the computed style") at Test.<anonymous> ( /css/support/computed-testcommon.js:24:5)
Pass	assert_true(true, "'color-mix(in hwb, lab(0 104.3 -50.9) 100%, rgb(0, 0, 0) 0%)' is a supported value for color.") at Test.<anonymous> ( /css/support/computed-testcommon.js:25:5)
Pass	assert_array_approx_equals([0.351376, -0.213938, 0.299501], [0.351376, -0.213938, 0.299501], 0.01, "Numeric parameters are approximately equal.") at Object.fuzzy_compare_colors [as comparisonFunction] ( /css/support/color-testcommon.js:35:7)
Pass	assert_equals("color(srgb - )", "color(srgb - )", "Color format is correct.") at Object.fuzzy_compare_colors [as comparisonFunction] ( /css/support/color-testcommon.js:37:7)
Pass	assert_equals("color(srgb 0.351376 -0.213938 0.299501)", "color(srgb 0.351376 -0.213938 0.299501)", "computed value should round-trip") at Test.<anonymous> ( /css/support/computed-testcommon.js:40:7)

Pass

Property color value 'color-mix(in hwb, lch(100 116 334) 100%, rgb(0, 0, 0) 0%)'

Asserts run

Pass	assert_true(true, "color doesn't seem to be supported in the computed style") at Test.<anonymous> ( /css/support/computed-testcommon.js:24:5)
Pass	assert_true(true, "'color-mix(in hwb, lch(100 116 334) 100%, rgb(0, 0, 0) 0%)' is a supported value for color.") at Test.<anonymous> ( /css/support/computed-testcommon.js:25:5)
Pass	assert_array_approx_equals([1.59328, 0.588284, 1.40527], [1.59328, 0.588284, 1.40527], 0.01, "Numeric parameters are approximately equal.") at Object.fuzzy_compare_colors [as comparisonFunction] ( /css/support/color-testcommon.js:35:7)
Pass	assert_equals("color(srgb )", "color(srgb )", "Color format is correct.") at Object.fuzzy_compare_colors [as comparisonFunction] ( /css/support/color-testcommon.js:37:7)
Pass	assert_equals("color(srgb 1.59328 0.588284 1.40527)", "color(srgb 1.59328 0.588284 1.40527)", "computed value should round-trip") at Test.<anonymous> ( /css/support/computed-testcommon.js:40:7)

Pass

Property color value 'color-mix(in hwb, lch(0 116 334) 100%, rgb(0, 0, 0) 0%)'

Asserts run

Pass	assert_true(true, "color doesn't seem to be supported in the computed style") at Test.<anonymous> ( /css/support/computed-testcommon.js:24:5)
Pass	assert_true(true, "'color-mix(in hwb, lch(0 116 334) 100%, rgb(0, 0, 0) 0%)' is a supported value for color.") at Test.<anonymous> ( /css/support/computed-testcommon.js:25:5)
Pass	assert_array_approx_equals([0.351307, -0.213865, 0.299236], [0.351307, -0.213865, 0.299236], 0.01, "Numeric parameters are approximately equal.") at Object.fuzzy_compare_colors [as comparisonFunction] ( /css/support/color-testcommon.js:35:7)
Pass	assert_equals("color(srgb - )", "color(srgb - )", "Color format is correct.") at Object.fuzzy_compare_colors [as comparisonFunction] ( /css/support/color-testcommon.js:37:7)
Pass	assert_equals("color(srgb 0.351307 -0.213865 0.299236)", "color(srgb 0.351307 -0.213865 0.299236)", "computed value should round-trip") at Test.<anonymous> ( /css/support/computed-testcommon.js:40:7)

Pass

Property color value 'color-mix(in hwb, oklab(1 0.365 -0.16) 100%, rgb(0, 0, 0) 0%)'

Asserts run

Pass	assert_true(true, "color doesn't seem to be supported in the computed style") at Test.<anonymous> ( /css/support/computed-testcommon.js:24:5)
Pass	assert_true(true, "'color-mix(in hwb, oklab(1 0.365 -0.16) 100%, rgb(0, 0, 0) 0%)' is a supported value for color.") at Test.<anonymous> ( /css/support/computed-testcommon.js:25:5)
Pass	assert_array_approx_equals([1.59295, 0.360371, 1.38571], [1.59295, 0.360371, 1.38571], 0.01, "Numeric parameters are approximately equal.") at Object.fuzzy_compare_colors [as comparisonFunction] ( /css/support/color-testcommon.js:35:7)
Pass	assert_equals("color(srgb )", "color(srgb )", "Color format is correct.") at Object.fuzzy_compare_colors [as comparisonFunction] ( /css/support/color-testcommon.js:37:7)
Pass	assert_equals("color(srgb 1.59295 0.360371 1.38571)", "color(srgb 1.59295 0.360371 1.38571)", "computed value should round-trip") at Test.<anonymous> ( /css/support/computed-testcommon.js:40:7)

Pass

Property color value 'color-mix(in hwb, oklab(0 0.365 -0.16) 100%, rgb(0, 0, 0) 0%)'

Asserts run

Pass	assert_true(true, "color doesn't seem to be supported in the computed style") at Test.<anonymous> ( /css/support/computed-testcommon.js:24:5)
Pass	assert_true(true, "'color-mix(in hwb, oklab(0 0.365 -0.16) 100%, rgb(0, 0, 0) 0%)' is a supported value for color.") at Test.<anonymous> ( /css/support/computed-testcommon.js:25:5)
Pass	assert_array_approx_equals([0.0763893, -0.0456266, 0.0932598], [0.0763893, -0.0456266, 0.0932598], 0.01, "Numeric parameters are approximately equal.") at Object.fuzzy_compare_colors [as comparisonFunction] ( /css/support/color-testcommon.js:35:7)
Pass	assert_equals("color(srgb - )", "color(srgb - )", "Color format is correct.") at Object.fuzzy_compare_colors [as comparisonFunction] ( /css/support/color-testcommon.js:37:7)
Pass	assert_equals("color(srgb 0.0763893 -0.0456266 0.0932598)", "color(srgb 0.0763893 -0.0456266 0.0932598)", "computed value should round-trip") at Test.<anonymous> ( /css/support/computed-testcommon.js:40:7)

Pass

Property color value 'color-mix(in hwb, oklch(1 0.399 336.3) 100%, rgb(0, 0, 0) 0%)'

Asserts run

Pass	assert_true(true, "color doesn't seem to be supported in the computed style") at Test.<anonymous> ( /css/support/computed-testcommon.js:24:5)
Pass	assert_true(true, "'color-mix(in hwb, oklch(1 0.399 336.3) 100%, rgb(0, 0, 0) 0%)' is a supported value for color.") at Test.<anonymous> ( /css/support/computed-testcommon.js:25:5)
Pass	assert_array_approx_equals([1.59328, 0.358736, 1.38664], [1.59328, 0.358736, 1.38664], 0.01, "Numeric parameters are approximately equal.") at Object.fuzzy_compare_colors [as comparisonFunction] ( /css/support/color-testcommon.js:35:7)
Pass	assert_equals("color(srgb )", "color(srgb )", "Color format is correct.") at Object.fuzzy_compare_colors [as comparisonFunction] ( /css/support/color-testcommon.js:37:7)
Pass	assert_equals("color(srgb 1.59328 0.358736 1.38664)", "color(srgb 1.59328 0.358736 1.38664)", "computed value should round-trip") at Test.<anonymous> ( /css/support/computed-testcommon.js:40:7)

Pass

Property color value 'color-mix(in hwb, oklch(0 0.399 336.3) 100%, rgb(0, 0, 0) 0%)'

Asserts run

Pass	assert_true(true, "color doesn't seem to be supported in the computed style") at Test.<anonymous> ( /css/support/computed-testcommon.js:24:5)
Pass	assert_true(true, "'color-mix(in hwb, oklch(0 0.399 336.3) 100%, rgb(0, 0, 0) 0%)' is a supported value for color.") at Test.<anonymous> ( /css/support/computed-testcommon.js:25:5)
Pass	assert_array_approx_equals([0.0765361, -0.045825, 0.0937443], [0.0765361, -0.045825, 0.0937443], 0.01, "Numeric parameters are approximately equal.") at Object.fuzzy_compare_colors [as comparisonFunction] ( /css/support/color-testcommon.js:35:7)
Pass	assert_equals("color(srgb - )", "color(srgb - )", "Color format is correct.") at Object.fuzzy_compare_colors [as comparisonFunction] ( /css/support/color-testcommon.js:37:7)
Pass	assert_equals("color(srgb 0.0765361 -0.045825 0.0937443)", "color(srgb 0.0765361 -0.045825 0.0937443)", "computed value should round-trip") at Test.<anonymous> ( /css/support/computed-testcommon.js:40:7)