Skip to content

[css-color-hdr] No HDR color-difference (ΔE) metric specified #11250

Closed

Description

@svgeesus

CSS Color HDR defines `ICTCP color space for use in CSS, and the description notes:

Also unlike Lab, which has primarily been tested with lower-intensity reflective colors, ICTCP has been tested with high-chroma, self-luminous, and high intensity (HDR) colors. This makes it suitable for color difference measurement (deltaE ITP) and for gamut mapping of SDR and HDR colors.

However, deltaE ITP is not defined or referenced in that spec.

CSS Color 4 references both ΔE 2000 and ΔEOK, including sample code, but these are both SDR color difference metrics.

For computing the perceptual color difference of two HDR colors (or one HDR and one SDR) ΔE ITP should be recommended and there should be sample code for ease of implementation and to compare different implementations.

Activity

  1. svgeesus commented on Feb 12, 2025

    @svgeesus
    CollaboratorAuthor

    Fixed by db63885

    Could still do with a worked example or two.

  2. svgeesus commented on Feb 13, 2025

    @svgeesus
    CollaboratorAuthor

    Image

    let color1 = new Color("color(rec2100-pq 0.58 0 0)");
    let color2 = new Color("red");
    let color3 = new Color("color(rec2020 1 0 0)");
    let color4 = new Color("color(rec2100-pq 0.62 0 0)");
    color1.deltaE(color2, "ITP");
    color1.deltaE(color3, "ITP");
    color1.deltaE(color4, "ITP");
    color1.to("rec2020");
    color1.to("ictcp");
    color4.to("rec2020");
    color4.to("ictcp");
  3. svgeesus commented on Aug 19, 2025

    @svgeesus
    CollaboratorAuthor

    Added the example above.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions